@arcgis/map-components 5.2.0-next.155 → 5.2.0-next.156

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { html as C } from "lit";
+import { html as S } from "lit";
 import { initializeProjection as R } from "@arcgis/core/applications/Components/featureUtils.js";
 import { signal as O } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { watch as u, when as A } from "@arcgis/core/core/reactiveUtils.js";
-import P from "@arcgis/core/geometry/Point.js";
+import v from "@arcgis/core/geometry/Point.js";
 import F from "@arcgis/core/Graphic.js";
-import { GenericController as L, useDirection as G, makeController as M, makeGenericController as _ } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as D } from "@arcgis/toolkit/dom/slots";
+import { GenericController as L, useDirection as G, makeController as D, makeGenericController as _ } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as M } from "@arcgis/toolkit/dom/slots";
 import { whenOrAbort as y } from "@arcgis/toolkit/promise";
 import { createRef as V } from "lit/directives/ref.js";
 import { c as k, S as x } from "./slots.js";
 import { i as T, t as H } from "./async-utils.js";
-import { observeAncestorsMutation as j, unsafeGetCalciteModeName as q } from "@arcgis/toolkit/dom";
-import { createEvent as S } from "@arcgis/lumina";
-async function* U(n, t) {
+import { observeAncestorsMutation as j, unsafeGetCalciteModeName as U } from "@arcgis/toolkit/dom";
+import { createEvent as C } from "@arcgis/lumina";
+async function* q(n, t) {
   for (const e of n) {
     const i = await y(e, t).catch(() => {
     });
@@ -22,7 +22,7 @@ async function* U(n, t) {
     yield* Array.isArray(i) ? i.filter((o) => o instanceof F) : [];
   }
 }
-async function* v() {
+async function* P() {
   yield* [];
 }
 async function* K(n, t) {
@@ -31,17 +31,17 @@ async function* K(n, t) {
 }
 async function N(n, t, e, i) {
   let o;
-  if (e instanceof P ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
-    return v();
-  const r = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
+  if (e instanceof v ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
+    return P();
+  const p = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
     ...i,
     defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
-    hitTestResolver: r
-  }) ?? v();
-  return await r.promise, a;
+    hitTestResolver: p
+  }) ?? P();
+  return await p.promise, a;
 }
 function d(n, t) {
-  if (t instanceof P)
+  if (t instanceof v)
     return t;
   const e = "width" in t ? { x: t.x + t.width / 2, y: t.y + t.height / 2 } : t;
   return n.toMap(e) ?? void 0;
@@ -57,7 +57,7 @@ async function $(n, t, e, i) {
     location: d(n, e)
   };
 }
-class re extends L {
+class pe extends L {
   //#endregion
   //#region Lifecycle
   constructor(t) {
@@ -90,13 +90,13 @@ class re extends L {
         A(() => this.component.view.ready, () => {
           this._assignDefaultPopup();
         }),
-        u(() => this.component.view.popup?.visible, (o, r) => {
-          (o || r) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
+        u(() => this.component.view.popup?.visible, (o, p) => {
+          (o || p) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
         }, { initial: !0 }),
         u(
           () => this.component.popupElement?.open,
-          (o, r) => {
-            r && !o && this._cancelPopupOperation();
+          (o, p) => {
+            p && !o && this._cancelPopupOperation();
           },
           // Using sync to preemptively prevent a close notification from canceling a replacement operation.
           { initial: !0, sync: !0 }
@@ -106,8 +106,8 @@ class re extends L {
           "click",
           [],
           (o) => {
-            const r = o.native;
-            o.button !== 0 || r?.ctrlKey || r?.metaKey || this._handleOpenPopup(o).catch(() => {
+            const p = o.native;
+            o.button !== 0 || p?.ctrlKey || p?.metaKey || this._handleOpenPopup(o).catch(() => {
             });
           },
           // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
@@ -121,6 +121,9 @@ class re extends L {
       }
     ];
   }
+  hostUpdated() {
+    this.component.popupComponentEnabled ? this._assignDefaultPopup() : (this.popupElement === this._defaultPopupElement && (this._cancelPopupOperation(), this._maybeResetViewPopup(), this.popupElement = void 0), this._defaultPopupElement = void 0);
+  }
   hostDestroy() {
     this._cancelPopupOperation();
   }
@@ -128,37 +131,37 @@ class re extends L {
     this._assignDefaultPopup();
     const e = this.popupElement, i = t.location ?? e?.location, o = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!i;
     this._cancelPopupOperation();
-    const r = new AbortController();
-    if (this._popupAbortController = r, e) {
-      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...g } = t, m = c ? d(this.component.view, c) : void 0, w = c ?? i, p = o && w ? $(this.component.view, e, w, r.signal) : null, f = p ? Promise.withResolvers() : null;
-      p && f && (p.catch(() => {
-      }), e.featureStream = K(f.promise, r.signal));
+    const p = new AbortController();
+    if (this._popupAbortController = p, e) {
+      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...w } = t, m = c ? d(this.component.view, c) : void 0, g = c ?? i, r = o && g ? $(this.component.view, e, g, p.signal) : null, f = r ? Promise.withResolvers() : null;
+      r && f && (r.catch(() => {
+      }), e.featureStream = K(f.promise, p.signal));
       try {
         await e.componentOnReady();
       } catch (s) {
-        throw p && this._isCurrentPopupOperation(r) && (r.abort(), e.open = !1, await e.clear()), s;
+        throw r && this._isCurrentPopupOperation(p) && (p.abort(), e.open = !1, await e.clear()), s;
       }
-      if (!this._isCurrentPopupOperation(r))
+      if (!this._isCurrentPopupOperation(p))
         return;
-      if (p)
+      if (r)
         try {
-          const s = await p;
-          if (!this._isCurrentPopupOperation(r))
+          const s = await r;
+          if (!this._isCurrentPopupOperation(p))
             return;
-          Object.assign(e, g), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
+          Object.assign(e, w), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
         } catch (s) {
           if (!T(s))
-            throw this._isCurrentPopupOperation(r) && (e.open = !1, await e.clear()), s;
+            throw this._isCurrentPopupOperation(p) && (e.open = !1, await e.clear()), s;
           return;
         } finally {
           f?.resolve();
         }
       else
-        Object.assign(e, g), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
-          featureStream: U(b, r.signal),
+        Object.assign(e, w), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
+          featureStream: q(b, p.signal),
           location: m
         }) : (e.featureStream = null, c !== void 0 && (e.location = m), e.open = !0);
-      h && this._isCurrentPopupOperation(r) && await e.setFocus();
+      h && this._isCurrentPopupOperation(p) && await e.setFocus();
     } else {
       const { location: a, ...h } = t;
       await this.component.view.openPopup({
@@ -177,7 +180,7 @@ class re extends L {
     return this._popupAbortController === t && !t.signal.aborted;
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
+    this.component.popupComponentEnabled && this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
   }
   handleAttributionHeightChange(t) {
     if (!(this.attributionHeight === t || !this.component.el.shadowRoot)) {
@@ -215,11 +218,11 @@ class re extends L {
     });
   }
   _handlePopupSlotChange(t) {
-    const e = D(t.target, "arcgis-popup");
-    !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
+    const e = M(t.target, "arcgis-popup")[0];
+    e ? this.popupElement = e : this.popupElement !== this._defaultPopupElement && (this.popupElement = void 0, this._assignDefaultPopup());
   }
   _webGLErrorAlert() {
-    return this.webGLError ? C`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? S`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
@@ -227,12 +230,12 @@ class re extends L {
     return x({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function pe(n) {
-  M((t, e) => {
+function re(n) {
+  D((t, e) => {
     const i = () => {
       if (n.attributionMode !== "auto")
         return;
-      const o = q(n.el);
+      const o = U(n.el);
       n.view.attributionMode !== o && (n.view.attributionMode = o);
     };
     e.onLifecycle(() => (i(), j(n.el, ["class"], i))), e.onUpdate((o) => {
@@ -241,7 +244,7 @@ function pe(n) {
   });
 }
 const se = _((n, t) => {
-  const e = S();
+  const e = C();
   return t.onLifecycle(
     () => u(
       () => {
@@ -249,8 +252,8 @@ const se = _((n, t) => {
         if (!i || i.destroyed)
           return [];
         const o = [];
-        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((r) => {
-          r.loadError && o.push(r);
+        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((p) => {
+          p.loadError && o.push(p);
         }), o;
       },
       (i) => {
@@ -260,7 +263,7 @@ const se = _((n, t) => {
   ), e;
 }), ae = _(
   (n, t) => {
-    const e = S();
+    const e = C();
     return t.onLifecycle(
       () => u(
         () => n.view?.readyState,
@@ -272,8 +275,8 @@ const se = _((n, t) => {
   }
 );
 export {
-  re as U,
+  pe as U,
   ae as a,
-  pe as b,
+  re as b,
   se as u
 };

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

@@ -6,24 +6,25 @@ import { u as I } from "../../chunks/useT9n.js";
 import { classes as M } from "@arcgis/toolkit/dom";
 import { usePropertyChange as C } from "@arcgis/lumina/controllers";
 import { m as x } from "../../chunks/useViewModel.js";
-import { LitElement as b, createEvent as F, nothing as _, safeClassMap as A } from "@arcgis/lumina";
-import { substitute as L } from "@arcgis/core/intl.js";
+import { LitElement as b, createEvent as F, nothing as _, safeClassMap as L } from "@arcgis/lumina";
+import { substitute as A } from "@arcgis/core/intl.js";
 import { renderingSanitizer as T } from "@arcgis/core/applications/Components/sanitizerUtils.js";
 import { c as D, g as E, d as R, e as V, b as d, i as k, f as B } from "../../chunks/feature-utils.js";
 import N from "@arcgis/core/core/Collection.js";
 import { watch as P } from "@arcgis/core/core/reactiveUtils.js";
 import { stripHTML as H } from "@arcgis/core/applications/Components/stringUtils.js";
 import Z from "@arcgis/core/popup/FeatureModel.js";
-const z = y`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.root{flex:1 1 auto}.root calcite-icon{box-sizing:content-box}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.content-element{margin-bottom:var(--calcite-spacing-lg);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.content-element[empty]{display:none}.content-element:not([empty]):only-child,.content-element:not([empty]):last-child{margin-bottom:var(--calcite-spacing-xxs)}.last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size-sm)}`, U = x(Z);
-class O extends b {
+import { c as z } from "../../chunks/loader-utils.js";
+const U = y`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.root{flex:1 1 auto}.root calcite-icon{box-sizing:content-box}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.content-element{margin-bottom:var(--calcite-spacing-lg);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.content-element[empty]{display:none}.content-element:not([empty]):only-child,.content-element:not([empty]):last-child{margin-bottom:var(--calcite-spacing-xxs)}.last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size-sm)}`, O = x(Z);
+class G extends b {
   constructor() {
-    super(...arguments), this.messages = I(), this._rootFlowNode = null, this.internalFlowItems = new N(), this.flowType = "feature", this.viewModel = U(this), this.actions = this.viewModel.actions, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.focusTrapEnabled = !1, this.view = this.viewModel.view, this.icon = "icon", this.isFeatureFromTable = this.viewModel.isFeatureFromTable, this.graphic = this.viewModel.graphic, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.headingLevel = 2, this.spatialReference = this.viewModel.spatialReference, this.timeZone = this.viewModel.timeZone, this.heading = this.viewModel.heading, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.autoDestroyDisabled = !1, this.location = this.viewModel.location, this.state = this.viewModel.state, this.arcgisPropertyChange = C()("flowItems", "state"), this.arcgisReady = F();
+    super(...arguments), this.messages = I(), this._rootFlowNode = null, this._loading = !1, this.internalFlowItems = new N(), this.flowType = "feature", this.viewModel = O(this), this.actions = this.viewModel.actions, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.focusTrapEnabled = !1, this.view = this.viewModel.view, this.icon = "icon", this.isFeatureFromTable = this.viewModel.isFeatureFromTable, this.graphic = this.viewModel.graphic, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.headingLevel = 2, this.spatialReference = this.viewModel.spatialReference, this.timeZone = this.viewModel.timeZone, this.heading = this.viewModel.heading, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.autoDestroyDisabled = !1, this.location = this.viewModel.location, this.state = this.viewModel.state, this.arcgisPropertyChange = C()("flowItems", "state"), this.arcgisReady = F();
   }
   static {
-    this.properties = { popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, flowType: 1, viewModel: 0, actions: 0, includeDefaultActions: 5, focusTrapEnabled: 5, view: 0, flowItems: 0, referenceElement: 1, icon: 1, isFeatureFromTable: 36, graphic: 0, allActions: 32, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 32 };
+    this.properties = { _loading: 16, popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, flowType: 1, viewModel: 0, actions: 0, includeDefaultActions: 5, focusTrapEnabled: 5, view: 0, flowItems: 0, referenceElement: 1, icon: 1, isFeatureFromTable: 36, graphic: 0, allActions: 32, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 32 };
   }
   static {
-    this.styles = z;
+    this.styles = U;
   }
   get popupTemplate() {
     return D(this.graphic, this.defaultPopupTemplateEnabled) ?? void 0;
@@ -67,6 +68,12 @@ class O extends b {
   }
   loaded() {
     this.manager.onLifecycle(() => [
+      z({
+        getLoading: () => !this.flowItems && this.state === "loading",
+        setEffectiveLoading: (e) => {
+          this._loading = e;
+        }
+      }),
       P(() => [this.internalFlowItems?.length], () => this._setFocus())
     ]);
   }
@@ -254,23 +261,23 @@ class O extends b {
     return e instanceof HTMLElement ? e : null;
   }
   _renderContentContainer() {
-    const { flowItems: e, hideContent: t, internalFlowItems: i, headingLevel: a, state: s, messages: o, heading: n, hideHeading: l } = this, c = t ? null : r`<div class="main">${[this._renderContent(), this._renderLastEditInfo()]}</div>`, h = o.returnToInitialFeature ?? "";
-    return e ? c : r`<calcite-flow ${w(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s === "loading"} .headingLevel=${a} .heading=${l ? void 0 : H(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${T.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${(f) => {
+    const { flowItems: e, hideContent: t, internalFlowItems: i, headingLevel: a, _loading: s, messages: o, heading: n, hideHeading: l } = this, c = t ? null : r`<div class="main">${[this._renderContent(), this._renderLastEditInfo()]}</div>`, h = o.returnToInitialFeature ?? "";
+    return e ? c : r`<calcite-flow ${w(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s} .headingLevel=${a} .heading=${l ? void 0 : H(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${T.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${(f) => {
       f.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${s === "loading"} .headingLevel=${a} .selected=${u === i.length - 1}><calcite-action icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${h} title=${h ?? _}></calcite-action>${p}</calcite-flow-item>`)}</calcite-flow>`;
+    }} .loading=${s} .headingLevel=${a} .selected=${u === i.length - 1}><calcite-action icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${h} title=${h ?? _}></calcite-action>${p}</calcite-flow-item>`)}</calcite-flow>`;
   }
   _renderLastEditInfo() {
     const { hideLastEditedInfo: e, messages: t } = this, { lastEditInfo: i } = this.viewModel;
     if (!i || e)
       return null;
-    const { date: a, user: s } = i, o = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, n = L(o ?? "", {
+    const { date: a, user: s } = i, o = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, n = A(o ?? "", {
       date: a,
       user: s
     });
-    return r`<div class=${A(M("last-edited-info", "content-element"))}>${n}</div>`;
+    return r`<div class=${L(M("last-edited-info", "content-element"))}>${n}</div>`;
   }
 }
-$("arcgis-feature-next", O);
+$("arcgis-feature-next", G);
 export {
-  O as ArcgisFeatureNext
+  G as ArcgisFeatureNext
 };