@arcgis/map-components 5.2.0-next.128 → 5.2.0-next.129

package/dist/chunks/feature-utils.js

@@ -1,212 +1,226 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { fieldFormatFromFieldInfo as p } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
-import { g as F } from "./layer-utils.js";
-import { log as g } from "@arcgis/toolkit/log";
-const u = /^\s*expression\//iu, C = /href=(""|'')/giu, y = /(\{([^{\r\n]+)\})/gu, L = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, h = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
-function $(e, t) {
-  const n = /* @__PURE__ */ new Map();
+import { fieldFormatFromFieldInfo as m } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
+import { g } from "./layer-utils.js";
+import { log as F } from "@arcgis/toolkit/log";
+const u = /^\s*expression\//iu, y = /href=(""|'')/giu, C = /(\{([^{\r\n]+)\})/gu, h = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, L = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
+function j(e, n) {
+  const t = /* @__PURE__ */ new Map();
   if (!e)
-    return n;
+    return t;
   for (const r of e) {
     if (!r.fieldName)
       continue;
-    const i = f(r.fieldName, t);
-    r.fieldName = i, n.set(i.toLowerCase(), r);
+    const i = f(r.fieldName, n);
+    r.fieldName = i, t.set(i.toLowerCase(), r);
   }
-  return n;
+  return t;
 }
-function j(e) {
-  const t = [];
+function U(e) {
+  const n = [];
   if (!e)
-    return t;
-  const { fieldInfos: n, content: r } = e;
-  return n && t.push(...n), !r || !Array.isArray(r) || r.forEach((i) => {
+    return n;
+  const { fieldInfos: t, content: r } = e;
+  return t && n.push(...t), !r || !Array.isArray(r) || r.forEach((i) => {
     if (i.type === "fields") {
       const o = i?.fieldInfos;
-      o && t.push(...o);
+      o && n.push(...o);
     }
-  }), t;
+  }), n;
 }
-function U(e, t) {
-  return e?.getEffectivePopupTemplate(t) ?? void 0;
+function W(e, n) {
+  return e?.getEffectivePopupTemplate(n) ?? void 0;
 }
-function W(e) {
+function q(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function w(e = "") {
+const w = /* @__PURE__ */ new Set([
+  "building",
+  "knowledge-graph",
+  "link-chart",
+  "map-image",
+  "map-notes",
+  "subtype-group",
+  "tile"
+]);
+function _(e) {
+  const n = e?.origin;
+  return (n == null ? void 0 : w.has(n.type ?? "") ? n.sublayer : n.layer) ?? e?.layer;
+}
+function A(e = "") {
   return e ? e.includes(N) : !1;
 }
-function _(e = "") {
+function B(e = "") {
   if (e)
     return !b.test(e.trim().toLowerCase());
 }
-function f(e, t) {
-  const n = m(t, e);
-  return n ? n.name : e;
+function f(e, n) {
+  const t = p(n, e);
+  return t ? t.name : e;
 }
-function q(e, t) {
-  return e?.map((n) => f(n, t));
+function D(e, n) {
+  return e?.map((t) => f(t, n));
 }
 function c(e) {
   return e ? u.test(e) : !1;
 }
-function A(e, t) {
-  if (!t || !c(t) || !e)
+function I(e, n) {
+  if (!n || !c(n) || !e)
     return;
-  const n = t.replace(u, "").toLowerCase();
-  return e.find(({ name: r }) => r.toLowerCase() === n);
+  const t = n.replace(u, "").toLowerCase();
+  return e.find(({ name: r }) => r.toLowerCase() === t);
 }
-function B(e, t) {
-  if (!(!e?.length || !t))
-    return e.find((n) => n.fieldName?.toLowerCase() === t.toLowerCase());
+function G(e, n) {
+  if (!(!e?.length || !n))
+    return e.find((t) => t.fieldName?.toLowerCase() === n.toLowerCase());
 }
-function I(e) {
-  const { fieldInfo: t, graphic: n, layer: r } = e;
-  return x({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+function T(e) {
+  const { fieldInfo: n, graphic: t, layer: r } = e;
+  return k({ fieldInfo: n, graphic: t }) ? g(r, { graphic: t }) : null;
 }
-function x({ fieldInfo: e, graphic: t }) {
-  return !!e?.fieldName && !c(e.fieldName) && !w(e.fieldName) && !t?.popupTemplate;
+function k({ fieldInfo: e, graphic: n }) {
+  return !!e?.fieldName && !c(e.fieldName) && !A(e.fieldName) && !n?.popupTemplate;
 }
-function D({
+function J({
   expressionInfos: e,
-  fieldInfo: t,
-  graphic: n,
+  fieldInfo: n,
+  graphic: t,
   isContentFieldInfos: r,
   layer: i
 }) {
-  if (!t?.fieldName)
+  if (!n?.fieldName)
     return null;
-  const o = A(e, t?.fieldName);
+  const o = I(e, n?.fieldName);
   if (o)
     return o.title || null;
-  const s = I({ fieldInfo: t, graphic: n, layer: i });
+  const s = T({ fieldInfo: n, graphic: t, layer: i });
   if (s) {
-    const l = s.getFieldAlias(t.fieldName);
-    return r ? t.label || l || t.fieldName : l || t.fieldName;
+    const l = s.getFieldAlias(n.fieldName);
+    return r ? n.label || l || n.fieldName : l || n.fieldName;
   }
-  return t.label || t.fieldName;
+  return n.label || n.fieldName;
 }
-function G(e) {
-  const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
-  if (!n?.fieldName)
+function K(e) {
+  const { configurableFieldsContainer: n, fieldInfo: t, isContentFieldInfos: r } = e;
+  if (!t?.fieldName)
     return null;
-  const i = !t.popupTemplate && !t.fieldConfigurations ? p(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
-  return r && n.fieldFormat || i;
+  const i = !n.popupTemplate && !n.fieldConfigurations ? m(t, n.getField(t.fieldName)) : n.getFieldConfiguration(t.fieldName)?.fieldFormat;
+  return r && t.fieldFormat || i;
 }
 function d(e) {
   return e.trim();
 }
-function T(e) {
-  return e.replaceAll(C, "");
+function x(e) {
+  return e.replaceAll(y, "");
 }
-function R(e, t) {
-  return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
+function R(e, n) {
+  return `{${n.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function k({
+function E({
   formattedValues: e,
-  template: t,
-  fieldInfoMap: n
+  template: n,
+  fieldInfoMap: t
 }) {
   return d(
-    T(
+    x(
       a(
-        a(t, (r) => R(r, n)),
+        a(n, (r) => R(r, t)),
         e
       )
     )
   );
 }
-function m(e, t) {
-  return !(e && "getField" in e && typeof e.getField == "function") || !t ? null : e.getField(t) ?? null;
+function p(e, n) {
+  return !(e && "getField" in e && typeof e.getField == "function") || !n ? null : e.getField(n) ?? null;
 }
-function E(e, t) {
-  return e.replaceAll(y, (n, r, i) => {
-    const o = m(t, i);
+function v(e, n) {
+  return e.replaceAll(C, (t, r, i) => {
+    const o = p(n, i);
     return o ? `{${o.name}}` : r;
   });
 }
-function V(e, t, n = !1) {
-  const r = t[e];
+function V(e, n, t = !1) {
+  const r = n[e];
   if (typeof r == "string") {
-    const o = (n ? encodeURIComponent(r) : r).replaceAll(
-      h,
+    const o = (t ? encodeURIComponent(r) : r).replaceAll(
+      L,
       "%27"
     );
-    t[e] = o;
+    n[e] = o;
   }
 }
-function v(e, t = !1) {
-  const n = { ...e };
-  return Object.keys(n).forEach((r) => V(r, n, t)), n;
+function O(e, n = !1) {
+  const t = { ...e };
+  return Object.keys(t).forEach((r) => V(r, t, n)), t;
 }
-function z(e, t, n) {
-  t = d(t);
-  const r = t && !t.startsWith("{");
-  return a(e, v(n, r || !1));
+function P(e, n, t) {
+  n = d(n);
+  const r = n && !n.startsWith("{");
+  return a(e, O(t, r || !1));
 }
-function H(e, t, n) {
-  const r = E(e, n);
+function S(e, n, t) {
+  const r = v(e, t);
   return r && r.replaceAll(
-    L,
-    (i, o, s) => z(i, o || s, t)
+    h,
+    (i, o, s) => P(i, o || s, n)
   );
 }
-function J({
+function Q({
   values: e,
-  globalValues: t,
-  layer: n,
+  globalValues: n,
+  layer: t,
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? k({
-    formattedValues: t,
-    template: H(
+  return r ? E({
+    formattedValues: n,
+    template: S(
       r,
       {
-        ...t,
+        ...n,
         ...e
       },
-      n
+      t
     ),
     fieldInfoMap: i
   }) : "";
 }
-async function K({
+async function X({
   type: e,
-  value: t,
-  event: n
+  value: n,
+  event: t
 }) {
   try {
-    return typeof t == "function" ? t(n) : await t;
+    return typeof n == "function" ? n(t) : await n;
   } catch (r) {
-    g("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
+    F("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
       detail: {
         error: r,
-        graphic: n.graphic,
-        value: t
+        graphic: t.graphic,
+        value: n
       }
     });
     return;
   }
 }
 export {
-  K as a,
-  J as b,
-  U as c,
-  $ as d,
-  j as e,
-  w as f,
-  W as g,
-  D as h,
+  X as a,
+  Q as b,
+  W as c,
+  j as d,
+  U as e,
+  A as f,
+  _ as g,
+  q as h,
   c as i,
-  I as j,
-  G as k,
-  E as l,
-  k as m,
-  q as n,
-  f as o,
-  B as p,
-  _ as s
+  J as j,
+  T as k,
+  K as l,
+  v as m,
+  E as n,
+  D as o,
+  f as p,
+  G as q,
+  B as s
 };

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,26 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as b } from "lit";
 import { initializeProjection as w } from "@arcgis/core/applications/Components/featureUtils.js";
-import { when as g, watch as s } from "@arcgis/core/core/reactiveUtils.js";
+import { signal as g } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { when as v, watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import m from "@arcgis/core/geometry/Point.js";
 import P from "@arcgis/core/Graphic.js";
-import { GenericController as v, useDirection as y, makeController as _, makeGenericController as f } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as S } from "@arcgis/toolkit/dom/slots";
-import { whenOrAbort as C } from "@arcgis/toolkit/promise";
-import { createRef as R } from "lit/directives/ref.js";
-import { c as A, S as L } from "./slots.js";
-import { observeAncestorsMutation as F, unsafeGetCalciteModeName as G } from "@arcgis/toolkit/dom";
+import { GenericController as y, useDirection as _, makeController as S, makeGenericController as f } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as C } from "@arcgis/toolkit/dom/slots";
+import { whenOrAbort as R } from "@arcgis/toolkit/promise";
+import { createRef as A } from "lit/directives/ref.js";
+import { c as L, S as F } from "./slots.js";
+import { observeAncestorsMutation as G, unsafeGetCalciteModeName as O } from "@arcgis/toolkit/dom";
 import { createEvent as d } from "@arcgis/lumina";
-async function* O(n, o) {
+async function* M(n, o) {
   for (const e of n) {
-    const t = await C(e, o).catch(() => {
+    const t = await R(e, o).catch(() => {
     });
     if (o.aborted)
       return;
     yield* Array.isArray(t) ? t.filter((i) => i instanceof P) : [];
   }
 }
-async function* M(n, o, e, t) {
+async function* V(n, o, e, t) {
   let i;
   e instanceof m ? (await w(e.spatialReference, n.spatialReference), i = n.toScreen(e)) : i = e;
   const p = i ? n.fetchPopupFeatures(i, {
@@ -35,22 +36,22 @@ function u(n, o) {
   const e = "width" in o ? { x: o.x + o.width / 2, y: o.y + o.height / 2 } : o;
   return n.toMap(e) ?? void 0;
 }
-function V(n, o, e, t) {
+function D(n, o, e, t) {
   const i = {};
   return {
     diagnostics: i,
-    featureStream: M(n, o, e, {
+    featureStream: V(n, o, e, {
       diagnostics: i,
       signal: t
     }),
     location: u(n, e)
   };
 }
-class B extends v {
+class J extends y {
   //#endregion
   //#region Lifecycle
   constructor(o) {
-    super(o), this.direction = y(), this.popupRef = R(), this._popupAbortController = null, this.slotGroupRefs = A(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
+    super(o), this.direction = _(), this.popupRef = A(), this._popupElement = g(void 0), this._popupAbortController = null, this.slotGroupRefs = L(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
       const t = e.reason;
       if (t?.name === "webgl:required") {
         const { name: i } = t;
@@ -58,19 +59,26 @@ class B extends v {
       }
     });
   }
+  get popupElement() {
+    return this._popupElement.value;
+  }
+  set popupElement(o) {
+    this._popupElement.value = o;
+  }
   //#endregion
   //#region Private Methods
   hostLifecycle() {
     return [
-      g(() => this.component.view.ready, () => {
+      v(() => this.component.view.ready, () => {
         this._assignDefaultPopup();
       }),
       s(() => this.component.view.popup?.visible, (e, t) => {
         (e || t) && this._cancelPopupOperation(), e && this.popupElement?.open && (this.popupElement.open = !1);
       }, { initial: !0 }),
+      // Cancel the closing operation before openPopup() installs its replacement.
       s(() => this.component.popupElement?.open, (e, t) => {
         t && !e && this._cancelPopupOperation();
-      }, { initial: !0 }),
+      }, { initial: !0, sync: !0 }),
       this.component.view.on("focus-region-select", (e) => this._handleFocusRegionSelect(e)),
       this.component.view.on(
         "click",
@@ -95,9 +103,9 @@ class B extends v {
         return;
       const { fetchFeatures: t, shouldFocus: i, title: p, featureStream: l, promises: h, location: r, ...E } = o, a = r ? u(this.component.view, r) : void 0, c = r ?? this.popupElement.location;
       Object.assign(this.popupElement, E), p !== void 0 && (this.popupElement.heading = p), l ? await this.popupElement.openFeatureStream({ featureStream: l, location: a }) : h?.length ? await this.popupElement.openFeatureStream({
-        featureStream: O(h, e.signal),
+        featureStream: M(h, e.signal),
         location: a
-      }) : t && c ? await this.popupElement.openFeatureStream(V(this.component.view, this.popupElement, c, e.signal)) : (this.popupElement.featureStream = null, r !== void 0 && (this.popupElement.location = a), this.popupElement.open = !0), i && !e.signal.aborted && await this.popupElement.setFocus();
+      }) : t && c ? await this.popupElement.openFeatureStream(D(this.component.view, this.popupElement, c, e.signal)) : (this.popupElement.featureStream = null, r !== void 0 && (this.popupElement.location = a), this.popupElement.open = !0), i && !e.signal.aborted && await this.popupElement.setFocus();
     } else {
       const { location: t, ...i } = o;
       await this.component.view.openPopup({
@@ -150,7 +158,7 @@ class B extends v {
     });
   }
   _handlePopupSlotChange(o) {
-    const e = S(o.target, "arcgis-popup");
+    const e = C(o.target, "arcgis-popup");
     !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
   }
   _webGLErrorAlert() {
@@ -159,23 +167,23 @@ class B extends v {
   //#endregion
   //#region Rendering
   render() {
-    return L({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (o) => this._handlePopupSlotChange(o), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return F({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (o) => this._handlePopupSlotChange(o), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function I(n) {
-  _((o, e) => {
+function Q(n) {
+  S((o, e) => {
     const t = () => {
       if (n.attributionMode !== "auto")
         return;
-      const i = G(n.el);
+      const i = O(n.el);
       n.view.attributionMode !== i && (n.view.attributionMode = i);
     };
-    e.onLifecycle(() => (t(), F(n.el, ["class"], t))), e.onUpdate((i) => {
+    e.onLifecycle(() => (t(), G(n.el, ["class"], t))), e.onUpdate((i) => {
       i.has("attributionMode") && n.attributionMode === "auto" && t();
     });
   });
 }
-const J = f((n, o) => {
+const W = f((n, o) => {
   const e = d();
   return o.onLifecycle(
     () => s(
@@ -193,7 +201,7 @@ const J = f((n, o) => {
       }
     )
   ), e;
-}), Q = f(
+}), X = f(
   (n, o) => {
     const e = d();
     return o.onLifecycle(
@@ -207,8 +215,8 @@ const J = f((n, o) => {
   }
 );
 export {
-  B as U,
-  Q as a,
-  I as b,
-  J as u
+  J as U,
+  X as a,
+  Q as b,
+  W as u
 };

package/dist/components/arcgis-aggregated-features/customElement.js

@@ -8,8 +8,8 @@ import { LitElement as _, renderElement as A } from "@arcgis/lumina";
 import { a as f } from "../../chunks/maybe.js";
 import { usePropertyChange as w, bypassReadOnly as d } from "@arcgis/lumina/controllers";
 import { getDisplayedSymbol as C } from "@arcgis/core/symbols/support/symbolUtils.js";
-import { g as I } from "../../chunks/feature-utils.js";
-import { i as v } from "../../chunks/async-utils.js";
+import { i as I } from "../../chunks/async-utils.js";
+import { g as v } from "../../chunks/feature-utils.js";
 import { stripHTML as b } from "@arcgis/core/applications/Components/stringUtils.js";
 import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
 const x = m`calcite-notice{padding:var(--calcite-space-lg)}`;
@@ -108,7 +108,7 @@ class $ extends _ {
     a !== t && this._removeBoundaryGraphicFromView(a), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
   }
   async _getLayerViewAndQuery(e) {
-    const { view: t } = this, a = I(e);
+    const { view: t } = this, a = v(e);
     if (!t || !a)
       return null;
     const r = await t.whenLayerView(a);
@@ -142,7 +142,7 @@ class $ extends _ {
       const n = i.features ?? [];
       this._setAggregatedFeaturesState(n), g.extent ? this._updateAggregateBoundaryFeature(g.extent) : this._removeAggregateBoundaryFeature();
     } catch (i) {
-      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), v(i)))
+      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), I(i)))
         return;
       this._resetAggregatedFeaturesState();
     }

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

@@ -9,7 +9,7 @@ import { m as x } from "../../chunks/useViewModel.js";
 import { LitElement as F, createEvent as b, nothing as _, safeClassMap as L } from "@arcgis/lumina";
 import { substitute as T } from "@arcgis/core/intl.js";
 import { renderingSanitizer as A } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { c as D, g as k, d as R, e as V, b as c, i as B, f as H } from "../../chunks/feature-utils.js";
+import { c as D, h as k, d as R, e as V, b as c, i as B, f as H } 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 Z } from "@arcgis/core/applications/Components/stringUtils.js";

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

@@ -5,8 +5,8 @@ import _ from "@arcgis/core/rest/query/support/AttachmentInfo.js";
 import L from "@arcgis/core/rest/support/AttachmentQuery.js";
 import z from "@arcgis/core/core/Collection.js";
 import w from "@arcgis/core/core/Error.js";
-import { LitElement as S, nothing as u, safeClassMap as A, safeStyleMap as $ } from "@arcgis/lumina";
-import { bypassReadOnly as P } from "@arcgis/lumina/controllers";
+import { LitElement as P, nothing as u, safeClassMap as A, safeStyleMap as $ } from "@arcgis/lumina";
+import { bypassReadOnly as S } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";
 import { g as b } from "../../chunks/feature-utils.js";
 import { watch as C } from "@arcgis/core/core/reactiveUtils.js";
@@ -18,7 +18,7 @@ function x(i) {
   return i ? i === "text/plain" ? "file-text" : i === "application/pdf" ? "file-pdf" : i === "text/csv" ? "file-csv" : i === "application/gpx+xml" ? "file-gpx" : i === "application/x-dwf" ? "file-cad" : i === "application/postscript" || i === "application/json" || i === "text/xml" || i === "model/vrml" ? "file-code" : i === "application/x-zip-compressed" || i === "application/x-7z-compressed" || i === "application/x-gzip" || i === "application/x-tar" || i === "application/x-gtar" || i === "application/x-bzip2" || i === "application/gzip" || i === "application/x-compress" || i === "application/x-apple-diskimage" || i === "application/x-rar-compressed" || i === "application/zip" ? "file-zip" : i.includes("image/") ? "file-image" : i.includes("audio/") ? "file-sound" : i.includes("video/") ? "file-video" : i.includes("msexcel") || i.includes("ms-excel") || i.includes("spreadsheetml") ? "file-excel" : i.includes("msword") || i.includes("ms-word") || i.includes("wordprocessingml") ? "file-word" : i.includes("powerpoint") || i.includes("presentationml") ? "file-report" : "file" : "file";
 }
 const j = I`:host([empty]){display:none}.item-link{display:flex;flex-grow:1;color:var(--calcite-color-text-3)}.item-link:visited,.item-link:hover,.item-link:focus-visible,.item-link:active{color:var(--calcite-color-text-1)}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}calcite-card:hover,calcite-card:focus,calcite-card:focus-within{--calcite-card-border-color: var(--calcite-color-text-1)}`, E = z.ofType(_);
-class R extends S {
+class R extends P {
   constructor() {
     super(...arguments), this._attachmentLayer = null, this._supportsImageOrientation = window?.CSS?.supports("image-orientation", "from-image"), this.hideSection = !1, this._attachmentInfos = new E(), this.headingLevel = 2, this.hidePreviewImageAttachmentName = !1, this.empty = !1;
   }
@@ -73,7 +73,7 @@ class R extends S {
     e.destroyAll(), p.length && e.addMany(p), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
   }
   _setEmpty(t) {
-    P(() => this.empty = t);
+    S(() => this.empty = t);
   }
   setAttachmentLayer() {
     const { graphic: t } = this, e = b(t);

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

@@ -4,7 +4,7 @@ import { css as h, html as p } from "lit";
 import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
 import { LitElement as f } from "@arcgis/lumina";
 import { addLtrMark as u } from "@arcgis/toolkit/string";
-import { h as v, j as $, k as w } from "../../chunks/feature-utils.js";
+import { j as v, k as $, l as w } from "../../chunks/feature-utils.js";
 import { replace as m } from "@arcgis/core/applications/Components/stringUtils.js";
 const I = [
   {

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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as B } from "../../chunks/runtime.js";
-import { css as W, html as _ } from "lit";
-import { ref as j } from "lit/directives/ref.js";
+import { css as j, html as _ } from "lit";
+import { ref as W } from "lit/directives/ref.js";
 import { keyed as K } from "lit/directives/keyed.js";
-import { useDirection as G, useMedia as q } from "@arcgis/lumina/controllers";
+import { useDirection as q, useMedia as G } from "@arcgis/lumina/controllers";
 import { getColorsFromRenderer as J } from "@arcgis/core/renderers/support/utils.js";
 import { LitElement as Q, nothing as y } from "@arcgis/lumina";
 import { substitute as Z } from "@arcgis/core/intl.js";
@@ -12,9 +12,9 @@ import te from "@arcgis/core/popup/FieldInfo.js";
 import V from "@arcgis/core/popup/content/support/ChartMediaInfoValueSeries.js";
 import { unsafeGetCalciteModeName as ie } from "@arcgis/toolkit/dom";
 import { renderingSanitizer as N } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { f as A, b as R, l as z, m as X, n as ae, o as E, i as re, p as ne, h as P, s as se } from "../../chunks/feature-utils.js";
+import { f as A, b as R, m as z, n as X, o as ae, p as E, i as re, q as ne, j as P, s as se } from "../../chunks/feature-utils.js";
 import { b as oe, a as le, c as ce } from "../../chunks/keyboard-utils.js";
-const de = W`.container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.container .pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.container .pagination-button:hover,.container .pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.item-text{margin-inline-end:var(--calcite-spacing-xs)}.pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.pagination:only-child{margin-inline-start:auto}.pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.item-container{flex:0 1 auto;width:100%}.item-container img{max-width:100%}.item-container img[src$=".SVG"],.item-container img[src$=".svg"]{width:100%}.chart{width:100%;height:155px}`;
+const de = j`.container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.container .pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.container .pagination-button:hover,.container .pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.item-text{margin-inline-end:var(--calcite-spacing-xs)}.pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.pagination:only-child{margin-inline-start:auto}.pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.item-container{flex:0 1 auto;width:100%}.item-container img{max-width:100%}.item-container img[src$=".SVG"],.item-container img[src$=".svg"]{width:100%}.chart{width:100%;height:155px}`;
 function $(S) {
   if (!A(S))
     return null;
@@ -24,7 +24,7 @@ function $(S) {
 const k = 15, C = "category", w = "value", ue = "rgba(50, 50, 50, 1)", he = 250, fe = 500, me = 200;
 class pe extends Q {
   constructor() {
-    super(...arguments), this._direction = G(), this._prefersReducedMotion = q("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.headingLevel = 2;
+    super(...arguments), this._direction = q(), this._prefersReducedMotion = G("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.headingLevel = 2;
   }
   static {
     this.properties = { _refreshIntervalInfo: 16, messages: 0, values: 0, expressionValues: 0, activeMediaInfoIndex: 9, chartAnimationDisabled: 5, activeMediaInfo: 32, formattedMediaInfos: 32, description: 1, fieldInfoMap: 0, layer: 0, mediaInfos: 0, popupTemplate: 0, relatedInfos: 0, formattedValues: 0, heading: 1, graphic: 0, formattedMediaInfoCount: 32, headingLevel: 9 };
@@ -508,7 +508,7 @@ class pe extends Q {
   }
   _renderChartMediaInfo(e) {
     const { activeMediaInfoIndex: t, formattedMediaInfoCount: i } = this;
-    return K(`media-${e.type}-${t}-${i}`, _`<div class="chart" ${j(this._updateChartElement)}></div>`);
+    return K(`media-${e.type}-${t}-${i}`, _`<div class="chart" ${W(this._updateChartElement)}></div>`);
   }
   _renderMediaInfoType() {
     const { activeMediaInfo: e } = this;