@arcgis/map-components 6.0.0-next.8 → 6.0.0-next.9

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { html as O } from "lit";
-import { initializeProjection as S } from "@arcgis/core/applications/Components/featureUtils.js";
-import { signal as R } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { when as A, watch as c } from "@arcgis/core/core/reactiveUtils.js";
+import { html as C } 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 F from "@arcgis/core/Graphic.js";
 import { GenericController as L, useDirection as G, makeController as M, makeGenericController as _ } from "@arcgis/lumina/controllers";
@@ -12,63 +12,66 @@ 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 C } from "@arcgis/lumina";
-async function* U(i, t) {
-  for (const e of i) {
-    const o = await y(e, t).catch(() => {
+import { createEvent as S } from "@arcgis/lumina";
+async function* U(n, t) {
+  for (const e of n) {
+    const i = await y(e, t).catch(() => {
     });
     if (t.aborted)
       return;
-    yield* Array.isArray(o) ? o.filter((r) => r instanceof F) : [];
+    yield* Array.isArray(i) ? i.filter((o) => o instanceof F) : [];
   }
 }
 async function* v() {
   yield* [];
 }
-async function* K(i, t) {
-  await y(i, t).catch(() => {
+async function* K(n, t) {
+  await y(n, t).catch(() => {
   });
 }
-async function N(i, t, e, o) {
-  let r;
-  if (e instanceof P ? (await S(e.spatialReference, i.spatialReference), H(o.signal), r = i.toScreen(e)) : r = e, !r)
+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 n = Promise.withResolvers(), a = i.fetchPopupFeatures(r, {
-    ...o,
+  const r = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
+    ...i,
     defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
-    hitTestResolver: n
+    hitTestResolver: r
   }) ?? v();
-  return await n.promise, a;
+  return await r.promise, a;
 }
-function d(i, t) {
+function d(n, t) {
   if (t instanceof P)
     return t;
   const e = "width" in t ? { x: t.x + t.width / 2, y: t.y + t.height / 2 } : t;
-  return i.toMap(e) ?? void 0;
+  return n.toMap(e) ?? void 0;
 }
-async function $(i, t, e, o) {
-  const r = {};
+async function $(n, t, e, i) {
+  const o = {};
   return {
-    diagnostics: r,
-    featureStream: await N(i, t, e, {
-      diagnostics: r,
-      signal: o
+    diagnostics: o,
+    featureStream: await N(n, t, e, {
+      diagnostics: o,
+      signal: i
     }),
-    location: d(i, e)
+    location: d(n, e)
   };
 }
-class ne extends L {
+class re extends L {
   //#endregion
   //#region Lifecycle
   constructor(t) {
-    super(t), this.direction = G(), this.popupRef = V(), this._popupElement = R(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = k(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
-      const o = e.reason;
-      if (o?.name === "webgl:required") {
-        const { name: r } = o;
-        this.webGLError = { name: r };
+    super(t), this.direction = G(), this.popupRef = V(), this._popupElement = O(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = k(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
+      const i = e.reason;
+      if (i?.name === "webgl:required") {
+        const { name: o } = i;
+        this.webGLError = { name: o };
       }
     });
   }
+  get _focusRegionSelectionSupported() {
+    return !this.component.popupDisabled && (this.component.popupComponentEnabled || !!this.popupElement && this.popupElement !== this._defaultPopupElement);
+  }
   get popupElement() {
     return this._popupElement.value;
   }
@@ -78,33 +81,44 @@ class ne extends L {
   //#endregion
   //#region Private Methods
   hostLifecycle() {
+    const { view: t } = this.component, e = t.focusRegionShortcutEnabled;
     return [
-      A(() => this.component.view.ready, () => {
-        this._assignDefaultPopup();
-      }),
-      c(() => this.component.view.popup?.visible, (e, o) => {
-        (e || o) && this._cancelPopupOperation(), e && this.popupElement?.open && (this.popupElement.open = !1);
-      }, { initial: !0 }),
-      c(
-        () => this.component.popupElement?.open,
-        (e, o) => {
-          o && !e && this._cancelPopupOperation();
-        },
-        // Using sync to preemptively prevent a close notification from canceling a replacement operation.
-        { initial: !0, sync: !0 }
-      ),
-      this.component.view.on("focus-region-select", (e) => this._handleFocusRegionSelect(e)),
-      this.component.view.on(
-        "click",
-        [],
-        (e) => {
-          const o = e.native;
-          e.button !== 0 || o?.ctrlKey || o?.metaKey || this._handleOpenPopup(e).catch(() => {
-          });
-        },
-        // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
-        -2
-      )
+      ...[
+        u(() => this.component.focusRegionShortcutEnabled ?? this._focusRegionSelectionSupported, (o) => {
+          this.component.view.focusRegionShortcutEnabled = o;
+        }, { initial: !0, sync: !0 }),
+        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);
+        }, { initial: !0 }),
+        u(
+          () => this.component.popupElement?.open,
+          (o, r) => {
+            r && !o && this._cancelPopupOperation();
+          },
+          // Using sync to preemptively prevent a close notification from canceling a replacement operation.
+          { initial: !0, sync: !0 }
+        ),
+        this.component.view.on("focus-region-select", (o) => this._handleFocusRegionSelect(o)),
+        this.component.view.on(
+          "click",
+          [],
+          (o) => {
+            const r = o.native;
+            o.button !== 0 || r?.ctrlKey || r?.metaKey || this._handleOpenPopup(o).catch(() => {
+            });
+          },
+          // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
+          -2
+        )
+      ],
+      {
+        remove: () => {
+          t.focusRegionShortcutEnabled = e;
+        }
+      }
     ];
   }
   hostDestroy() {
@@ -112,39 +126,39 @@ class ne extends L {
   }
   async openPopup(t = {}) {
     this._assignDefaultPopup();
-    const e = this.popupElement, o = t.location ?? e?.location, r = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!o;
-    r ? (this._cancelPopupOperation(), this.component.view.closePopup()) : this.closePopup();
-    const n = new AbortController();
-    if (this._popupAbortController = n, e) {
-      const { fetchFeatures: a, shouldFocus: h, title: u, featureStream: w, promises: b, location: l, ...E } = t, f = l ? d(this.component.view, l) : void 0, g = l ?? o, p = r && g ? $(this.component.view, e, g, n.signal) : null, m = p ? Promise.withResolvers() : null;
-      p && m && (p.catch(() => {
-      }), e.featureStream = K(m.promise, n.signal));
+    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));
       try {
         await e.componentOnReady();
       } catch (s) {
-        throw p && this._isCurrentPopupOperation(n) && (n.abort(), e.open = !1, await e.clear()), s;
+        throw p && this._isCurrentPopupOperation(r) && (r.abort(), e.open = !1, await e.clear()), s;
       }
-      if (!this._isCurrentPopupOperation(n))
+      if (!this._isCurrentPopupOperation(r))
         return;
       if (p)
         try {
           const s = await p;
-          if (!this._isCurrentPopupOperation(n))
+          if (!this._isCurrentPopupOperation(r))
             return;
-          Object.assign(e, E), u !== void 0 && (e.heading = u), await e.openFeatureStream(s);
+          Object.assign(e, g), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
         } catch (s) {
           if (!T(s))
-            throw this._isCurrentPopupOperation(n) && (e.open = !1, await e.clear()), s;
+            throw this._isCurrentPopupOperation(r) && (e.open = !1, await e.clear()), s;
           return;
         } finally {
-          m?.resolve();
+          f?.resolve();
         }
       else
-        Object.assign(e, E), u !== void 0 && (e.heading = u), w ? await e.openFeatureStream({ featureStream: w, location: f }) : b?.length ? await e.openFeatureStream({
-          featureStream: U(b, n.signal),
-          location: f
-        }) : (e.featureStream = null, l !== void 0 && (e.location = f), e.open = !0);
-      h && this._isCurrentPopupOperation(n) && await e.setFocus();
+        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),
+          location: m
+        }) : (e.featureStream = null, c !== void 0 && (e.location = m), e.open = !0);
+      h && this._isCurrentPopupOperation(r) && await e.setFocus();
     } else {
       const { location: a, ...h } = t;
       await this.component.view.openPopup({
@@ -154,7 +168,7 @@ class ne extends L {
     }
   }
   closePopup() {
-    this._cancelPopupOperation(), this.popupElement && (this.popupElement.open = !1, this.popupElement.clear()), this.component.view.closePopup();
+    this._cancelPopupOperation(), this.popupElement ? (this.popupElement.open = !1, this.popupElement.clear()) : this.component.view.closePopup();
   }
   _cancelPopupOperation() {
     this._popupAbortController?.abort(), this._popupAbortController = null;
@@ -163,7 +177,7 @@ class ne extends L {
     return this._popupAbortController === t && !t.signal.aborted;
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
+    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)) {
@@ -194,7 +208,7 @@ class ne extends L {
     }
   }
   _handleFocusRegionSelect(t) {
-    this._assignDefaultPopup(), this.popupElement && queueMicrotask(() => {
+    this._assignDefaultPopup(), !(!this._focusRegionSelectionSupported || !this.popupElement) && queueMicrotask(() => {
       const { focusRegion: e } = this.component.view;
       !t.defaultPrevented && e && this.openPopup({ fetchFeatures: !0, location: e }).catch(() => {
       });
@@ -205,7 +219,7 @@ class ne extends L {
     !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
   }
   _webGLErrorAlert() {
-    return this.webGLError ? O`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? C`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
@@ -213,52 +227,52 @@ class ne 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(i) {
+function pe(n) {
   M((t, e) => {
-    const o = () => {
-      if (i.attributionMode !== "auto")
+    const i = () => {
+      if (n.attributionMode !== "auto")
         return;
-      const r = q(i.el);
-      i.view.attributionMode !== r && (i.view.attributionMode = r);
+      const o = q(n.el);
+      n.view.attributionMode !== o && (n.view.attributionMode = o);
     };
-    e.onLifecycle(() => (o(), j(i.el, ["class"], o))), e.onUpdate((r) => {
-      r.has("attributionMode") && i.attributionMode === "auto" && o();
+    e.onLifecycle(() => (i(), j(n.el, ["class"], i))), e.onUpdate((o) => {
+      o.has("attributionMode") && n.attributionMode === "auto" && i();
     });
   });
 }
-const se = _((i, t) => {
-  const e = C();
+const se = _((n, t) => {
+  const e = S();
   return t.onLifecycle(
-    () => c(
+    () => u(
       () => {
-        const { map: o } = i;
-        if (!o || o.destroyed)
+        const { map: i } = n;
+        if (!i || i.destroyed)
           return [];
-        const r = [];
-        return o.loadError && r.push(o), o.basemap?.loadError && r.push(o.basemap), o.ground.loadError && r.push(o.ground), [...o.allLayers, ...o.allTables].forEach((n) => {
-          n.loadError && r.push(n);
-        }), r;
+        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);
+        }), o;
       },
-      (o) => {
-        o.length && (i.loadErrorSources = o, e.emit());
+      (i) => {
+        i.length && (n.loadErrorSources = i, e.emit());
       }
     )
   ), e;
 }), ae = _(
-  (i, t) => {
-    const e = C();
+  (n, t) => {
+    const e = S();
     return t.onLifecycle(
-      () => c(
-        () => i.view?.readyState,
-        (o) => {
-          (o === "map-content-error" || o === "rendering-error") && e.emit();
+      () => u(
+        () => n.view?.readyState,
+        (i) => {
+          (i === "map-content-error" || i === "rendering-error") && e.emit();
         }
       )
     ), e;
   }
 );
 export {
-  ne as U,
+  re as U,
   ae as a,
   pe as b,
   se as u

package/dist/components/arcgis-catalog-layer-list-next/customElement.d.ts

@@ -8,7 +8,7 @@ import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { setFilterPredicate } from "../../utils/layer-list-utils.js";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { CatalogLayerListMessageOverrides, CatalogLayerListOptions, FlowLayer, FlowList } from "./types.js";
-import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
+import type { TableListOptions } from "../arcgis-table-list-next/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { ItemModifier, State } from "@arcgis/core/layerList/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
@@ -258,7 +258,7 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
    */
   accessor hideStatusIndicators: boolean;
   /** @internal */
-  accessor knowledgeGraphOptions: TableListProperties | undefined;
+  accessor knowledgeGraphOptions: TableListOptions | undefined;
   /** The component's default label. */
   accessor label: string | undefined;
   /**
@@ -292,7 +292,7 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
    *
    *   // Wait for the layer to load and the item title to become available
    *   await item.layer.when();
-   *   
+   *
    *   // If the item's title matches "US Demographics", customize the list item
    *   if (item.title === "US Demographics") {
    *     // open the list item in the LayerList component