@arcgis/map-components 5.1.0-next.7 → 5.1.0-next.71

package/dist/chunks/feature-utils.js

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { fieldFormatFromFieldInfo as m } from "@arcgis/core/applications/Components/fieldFormatUtils.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, y = /href=(""|'')/giu, C = /(\{([^{\r\n]+)\})/gu, L = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, h = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
-function P(e, t) {
+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();
   if (!e)
     return n;
   for (const r of e) {
     if (!r.fieldName)
       continue;
-    const i = c(r.fieldName, t);
+    const i = f(r.fieldName, t);
     r.fieldName = i, n.set(i.toLowerCase(), r);
   }
   return n;
 }
-function U(e) {
+function j(e) {
   const t = [];
   if (!e)
     return t;
@@ -28,51 +28,51 @@ function U(e) {
     }
   }), t;
 }
-function $(e, t) {
+function U(e, t) {
   return e?.getEffectivePopupTemplate(t) ?? void 0;
 }
-function D(e) {
+function W(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function I(e = "") {
+function w(e = "") {
   return e ? e.includes(N) : !1;
 }
-function W(e = "") {
+function _(e = "") {
   if (e)
     return !b.test(e.trim().toLowerCase());
 }
-function c(e, t) {
-  const n = p(t, e);
+function f(e, t) {
+  const n = m(t, e);
   return n ? n.name : e;
 }
 function q(e, t) {
-  return e?.map((n) => c(n, t));
+  return e?.map((n) => f(n, t));
 }
-function f(e) {
+function c(e) {
   return e ? u.test(e) : !1;
 }
-function w(e, t) {
-  if (!t || !f(t) || !e)
+function A(e, t) {
+  if (!t || !c(t) || !e)
     return;
   const n = t.replace(u, "").toLowerCase();
   return e.find(({ name: r }) => r.toLowerCase() === n);
 }
-function _(e, t) {
+function B(e, t) {
   if (!(!e?.length || !t))
     return e.find((n) => n.fieldName?.toLowerCase() === t.toLowerCase());
 }
-function A(e) {
+function I(e) {
   const { fieldInfo: t, graphic: n, layer: r } = e;
-  return T({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+  return x({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
 }
-function T({
+function x({
   fieldInfo: e,
   graphic: t
 }) {
-  return !!e?.fieldName && !f(e.fieldName) && !I(e.fieldName) && !t?.popupTemplate;
+  return !!e?.fieldName && !c(e.fieldName) && !w(e.fieldName) && !t?.popupTemplate;
 }
-function B({
+function D({
   expressionInfos: e,
   fieldInfo: t,
   graphic: n,
@@ -81,10 +81,10 @@ function B({
 }) {
   if (!t?.fieldName)
     return null;
-  const o = w(e, t?.fieldName);
+  const o = A(e, t?.fieldName);
   if (o)
     return o.title || null;
-  const s = A({ fieldInfo: t, graphic: n, layer: i });
+  const s = I({ fieldInfo: t, graphic: n, layer: i });
   if (s) {
     const l = s.getFieldAlias(t.fieldName);
     return r ? t.label || l || t.fieldName : l || t.fieldName;
@@ -95,38 +95,38 @@ function G(e) {
   const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
   if (!n?.fieldName)
     return null;
-  const i = !t.popupTemplate && !t.fieldConfigurations ? m(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
+  const i = !t.popupTemplate && !t.fieldConfigurations ? p(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
   return r && n.fieldFormat || i;
 }
 function d(e) {
   return e.trim();
 }
-function x(e) {
-  return e.replaceAll(y, "");
+function T(e) {
+  return e.replaceAll(C, "");
 }
-function k(e, t) {
+function R(e, t) {
   return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function R({
+function k({
   formattedValues: e,
   template: t,
   fieldInfoMap: n
 }) {
   return d(
-    x(
+    T(
       a(
-        a(t, (r) => k(r, n)),
+        a(t, (r) => R(r, n)),
         e
       )
     )
   );
 }
-function p(e, t) {
+function m(e, t) {
   return !(e && "getField" in e && typeof e.getField == "function") || !t ? null : e.getField(t) ?? null;
 }
 function E(e, t) {
-  return e.replaceAll(C, (n, r, i) => {
-    const o = p(t, i);
+  return e.replaceAll(y, (n, r, i) => {
+    const o = m(t, i);
     return o ? `{${o.name}}` : r;
   });
 }
@@ -144,16 +144,16 @@ function v(e, t = !1) {
   const n = { ...e };
   return Object.keys(n).forEach((r) => V(r, n, t)), n;
 }
-function S(e, t, n) {
+function z(e, t, n) {
   t = d(t);
   const r = t && !t.startsWith("{");
   return a(e, v(n, r || !1));
 }
-function j(e, t, n) {
+function H(e, t, n) {
   const r = E(e, n);
   return r && r.replaceAll(
     L,
-    (i, o, s) => S(i, o || s, t)
+    (i, o, s) => z(i, o || s, t)
   );
 }
 function J({
@@ -163,9 +163,9 @@ function J({
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? R({
+  return r ? k({
     formattedValues: t,
-    template: j(
+    template: H(
       r,
       {
         ...t,
@@ -194,30 +194,20 @@ async function K({
     return;
   }
 }
-function Q(e) {
-  const t = e.attributes, n = e.layer;
-  if (!t || !n)
-    return "";
-  const r = "displayField" in n ? n.displayField : null, i = r != null ? t[r] : null, o = e.getObjectId()?.toString();
-  return i?.toString() || o || "Unknown";
-}
 export {
-  D as a,
-  U as b,
-  P as c,
-  I as d,
+  W as a,
+  j as b,
+  $ as c,
+  w as d,
   K as e,
-  W as f,
-  $ as g,
-  Q as h,
-  f as i,
-  B as j,
-  A as k,
-  G as l,
-  E as m,
-  R as n,
-  q as o,
-  c as p,
-  _ as q,
+  _ as f,
+  U as g,
+  D as h,
+  c as i,
+  I as j,
+  G as k,
+  q as l,
+  f as m,
+  B as n,
   J as s
 };

package/dist/chunks/globalCss.js

@@ -5,6 +5,7 @@ const e = {
   disabled: "esri-disabled",
   empty: "esri-widget__content--empty",
   heading: "esri-widget__heading",
+  hidden: "esri-hidden",
   interactive: "esri-interactive",
   loaderAnimation: "esri-widget__loader-animation",
   panel: "esri-widget--panel",

package/dist/chunks/heading.js

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { classes as l } from "@arcgis/toolkit/dom";
-import { safeClassMap as m, nothing as g } from "@arcgis/lumina";
+import { nothing as m, safeClassMap as g } from "@arcgis/lumina";
 import { unsafeStatic as f, html as p } from "lit/static-html.js";
 import { g as u } from "./globalCss.js";
 function L({ level: n, class: a, id: t, children: o, excludeGlobalCss: s }) {
   const e = r(n), c = `h${e}`, i = f(c);
-  return p`<${i} .ariaLevel=${String(e)} class=${m(l(s ? a : u.heading, a))} id=${t ?? g} role=heading>${o}</${i}>`;
+  return p`<${i} .ariaLevel=${String(e)} class=${g(l(s ? a : u.heading, a))} id=${t ?? m} role=heading>${o}</${i}>`;
 }
 function h(n, a, t) {
   return Math.min(Math.max(n, a), t);

package/dist/chunks/layer-list-item-indicator.js

@@ -0,0 +1,55 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as s } from "./runtime.js";
+import { css as c, html as a } from "lit";
+import { usePropertyChange as r } from "@arcgis/lumina/controllers";
+import { LitElement as l, safeClassMap as m } from "@arcgis/lumina";
+import { o as u } from "./layer-list-utils.js";
+import { classes as g } from "@arcgis/toolkit/dom";
+const t = {
+  actionMenu: "action-menu",
+  actionGroup: "action-group",
+  filterNoResults: "filter-no-results",
+  item: "item",
+  itemActive: "active",
+  itemContentBottom: "content-bottom",
+  itemMessage: "message",
+  itemActionIcon: "action-icon",
+  itemActionImage: "action-image",
+  itemTemporaryIcon: "temporary-icon",
+  itemTableIcon: "table-icon",
+  itemCatalogIcon: "catalog-icon",
+  statusIndicator: "status-indicator",
+  publishing: "publishing",
+  updating: "updating",
+  connectionStatus: "connection-status",
+  connectionStatusConnected: "connection-status--connected",
+  visibleToggle: "visible-toggle",
+  visibleIcon: "visible-icon"
+}, p = c`:host{margin-inline:var(--calcite-space-sm)}.status-indicator{visibility:hidden;color:var(--calcite-color-text-1)}.publishing{visibility:visible;color:var(--calcite-color-text-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:2s infinite arcgis-layer-list__publishing-anim}.updating{visibility:visible;animation:2s infinite arcgis-layer-list__updating-anim}.connection-status{visibility:visible;color:var(--calcite-color-status-warning);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl)}.connection-status--connected{color:var(--calcite-color-status-success)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:var(--calcite-color-foreground-1)}50%,80%{color:var(--calcite-color-brand)}to{color:var(--calcite-color-foreground-1)}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`;
+class d extends l {
+  constructor() {
+    super(...arguments), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = r()("item", "parent");
+  }
+  static {
+    this.properties = { item: 0, parent: 0, autoDestroyDisabled: 5 };
+  }
+  static {
+    this.styles = [p];
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  render() {
+    if (!this.item)
+      return null;
+    const { publishing: i } = this.item, o = "updating" in this.item && this.item.updating && !this.parent, n = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, e = !!n;
+    return !i && !o && !e ? null : a`<calcite-icon class=${m(g(t.statusIndicator, { [t.publishing]: i }, "updating" in t && { [t.updating]: o }, "connectionStatus" in t && { [t.connectionStatus]: e }, "connectionStatusConnected" in t && {
+      [t.connectionStatusConnected]: e && n === "connected"
+    }))} .icon=${u({ connectionStatus: n, publishing: i })} scale=s></calcite-icon>`;
+  }
+}
+s("arcgis-layer-list-item-indicator", d);
+export {
+  d as A,
+  t as c
+};

package/dist/chunks/layer-list-utils.js

@@ -0,0 +1,112 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+const l = {
+  hideChildren: "hide-children"
+}, b = ["label", "description", "metadata"], g = 10, h = 2;
+function m({
+  exclusive: e,
+  visible: t,
+  visibilityAppearance: i
+}) {
+  const r = i === "checkbox";
+  return t ? e ? "circle-f" : r ? "check-square-f" : "view-visible" : e ? "circle" : r ? "square" : "view-hide";
+}
+function L({
+  connectionStatus: e,
+  publishing: t
+}) {
+  return e ? e === "connected" ? "beacon" : "offline" : t ? "square" : "bullet-point";
+}
+function v(e) {
+  return e?.listMode === l.hideChildren;
+}
+function S(e) {
+  e?.removeMany(e.filter((t) => t?.destroyed));
+}
+function u(e) {
+  if (!(!e || "type" in e && e.type === "wmts"))
+    return "sublayers" in e ? "sublayers" : "layers" in e ? "layers" : void 0;
+}
+function C(e, t, i) {
+  e && (e.filterPredicate = t ? (r) => {
+    const n = p(r, i);
+    return n ? t(n) : !1;
+  } : void 0);
+}
+function x(e) {
+  const t = (e?.layer && d(e.layer) ? e.layer.layer : void 0) ?? e?.layer;
+  return t ? t.type === "catalog" ? !1 : f(t) ?? !0 : !1;
+}
+function c(e, t) {
+  e?.sort((i, r) => {
+    const n = "uid" in i && i.uid ? t.indexOf(i.uid) : -1, a = "uid" in r && r.uid ? t.indexOf(r.uid) : -1;
+    return n > a ? -1 : n < a ? 1 : 0;
+  });
+}
+function I(e, t) {
+  const i = e?.layer;
+  if (!i)
+    return;
+  const r = u(i);
+  if (!r)
+    return;
+  let n;
+  r === "layers" && "layers" in i ? n = i.layers : r === "sublayers" && "sublayers" in i && (n = i.sublayers), c(n, t);
+}
+function d(e) {
+  return e != null && "layer" in e && e.layer != null;
+}
+function f(e) {
+  const t = y(e);
+  return t != null && "supportsDynamicLayers" in t ? t.supportsDynamicLayers : void 0;
+}
+function y(e) {
+  return e && "capabilities" in e && e.capabilities != null && "exportMap" in e.capabilities ? e.capabilities.exportMap : void 0;
+}
+function p(e, t) {
+  if (e?.tagName.toLowerCase() === "calcite-list-item")
+    return e.value;
+  const i = e?.getAttribute("data-item") ?? e?.querySelector("calcite-list-item")?.getAttribute("data-item");
+  return i && t ? t.find((r) => r.uid === i) ?? null : null;
+}
+function N(e) {
+  return e?.getAttribute("data-layer-type") ?? null;
+}
+function O(e) {
+  const { children: t, error: i } = e, r = "incompatible" in e ? e.incompatible : !1;
+  return !!t?.filter((n) => !n.hidden).length && !i && !r;
+}
+function D(e) {
+  for (const t of e)
+    for (const i of t)
+      if (i.type === "button" || i.type === "toggle")
+        return i;
+}
+function M(e, t) {
+  const i = e.parent, r = e.layer;
+  if (r?.type !== "map-image" || !r.sourceJSON || !i)
+    return !1;
+  const n = r.sourceJSON.layers;
+  if (!n)
+    return !1;
+  const a = n.find((s) => e.id === s.id), o = t === "footprints" ? "Feature Layer" : "Catalog Dynamic Group Layer";
+  return a?.type !== o ? !1 : n.find((s) => s.id === i.id)?.type === "Catalog Layer";
+}
+export {
+  v as a,
+  D as b,
+  x as c,
+  p as d,
+  d as e,
+  N as f,
+  m as g,
+  g as h,
+  M as i,
+  c as j,
+  I as k,
+  O as l,
+  h as m,
+  b as n,
+  L as o,
+  S as r,
+  C as s
+};

package/dist/chunks/layer-utils.js

@@ -1,49 +1,65 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-function a(e, n) {
+import { queryAllJSON as c } from "@arcgis/core/applications/Components/featureUtils.js";
+import { supportsFieldConfiguration as a } from "@arcgis/core/applications/PortalApp/layerUtils.js";
+import p from "@arcgis/core/rest/support/FeatureSet.js";
+function f(e) {
+  return e != null && typeof e == "object" && "sourceLayer" in e;
+}
+function g(e, t) {
   if (!e.map)
     return;
-  const { map: t } = e;
-  t.layers.includes(n) || (t.add(n), t.reorder(n, t.layers.length - 1));
+  const { map: n } = e;
+  n.layers.includes(t) || (n.add(t), n.reorder(t, n.layers.length - 1));
 }
-function o(e) {
-  return e != null && typeof e == "object" && "type" in e && e.type === "feature";
+async function S(e, t, n, r = !0) {
+  const i = await c(e, t, n), o = p.fromJSON(i);
+  return r && o.features.forEach((u) => {
+    u.layer = y(e) ? e.findSublayerForFeature(u) : e, u.origin = u.layer, f(u) && (u.sourceLayer = u.layer);
+  }), o;
 }
-function s(e) {
-  return o(e) && e?.type === "feature" && e.source?.type === "feature-layer";
+function m(e) {
+  return e != null && typeof e == "object" && "type" in e && e.type === "feature";
 }
-function f(e) {
+function F(e) {
   return e != null && typeof e == "object" && "type" in e && e.type === "graphics";
 }
-function c(e) {
-  return o(e) && s(e);
+function y(e) {
+  return e != null && typeof e == "object" && "type" in e && e.type === "subtype-group" && "sublayers" in e;
 }
-function p(e, n) {
-  const t = n?.type === "subtype-sublayer" ? n.parent : n;
+function L(e) {
+  return e?.type === "subtype-sublayer";
+}
+function h(e, t) {
+  const n = t?.type === "subtype-sublayer" ? t.parent : t;
   return e.allLayerViews.find((r) => {
     const i = r.layer;
-    return i === t || "sublayers" in i && i.sublayers != null && i.sublayers.includes(t);
+    return i === n || "sublayers" in i && i.sublayers != null && i.sublayers.includes(n);
   });
 }
-function u(e) {
-  const n = e?.type;
-  return n === "binning" || n === "cluster";
+function s(e) {
+  const t = e?.type;
+  return t === "binning" || t === "cluster";
 }
-function d(e, n) {
-  if (!c(e))
+function R(e, t) {
+  if (!a(e))
     return;
-  const t = n?.graphic, r = e.featureReduction;
-  if (t) {
-    if (t.isAggregate) {
-      const i = t.origin;
-      return i && "featureReductionProvider" in i && r ? u(r) ? r : null : void 0;
+  const n = t?.graphic, r = e.featureReduction;
+  if (n) {
+    if (n.isAggregate) {
+      const i = n.origin;
+      return i && "featureReductionProvider" in i && r ? s(r) ? r : null : void 0;
     }
     return e;
   }
-  return n?.checkFeatureReduction && r ? u(r) ? r : null : e;
+  return t?.checkFeatureReduction && r ? s(r) ? r : null : e;
 }
 export {
-  a,
-  p as f,
-  d as g,
-  f as i
+  F as a,
+  g as b,
+  y as c,
+  m as d,
+  h as f,
+  R as g,
+  L as i,
+  S as q
 };

package/dist/chunks/measurementUtils.js

@@ -2,11 +2,11 @@
 function m({
   supported: e,
   disabled: s,
-  ready: t,
-  operationState: r,
-  valid: i
+  ready: i,
+  operationState: t,
+  valid: r
 }) {
-  return e ? s || !t ? "disabled" : r === "active" ? "measuring" : i ? "measured" : "ready" : "unsupported";
+  return e ? s || !i ? "disabled" : t === "active" ? "measuring" : r ? "measured" : "ready" : "unsupported";
 }
 function l(e, s) {
   switch (e) {
@@ -80,19 +80,19 @@ function g(e, s) {
 function h(e) {
   return e === "imperial" || e === "metric";
 }
-function p(e, s, t) {
-  const r = e?.filter((i) => s.includes(i));
-  return r && r.length > 0 ? r.slice() : t.slice();
+function p(e, s, i = s) {
+  const t = e?.filter((r) => s.includes(r));
+  return t && t.length > 0 ? t.slice() : i.slice();
 }
-function q(e, s, t, r) {
-  const i = e ?? s ?? void 0;
-  return i && t.includes(i) ? i : r && t.includes(r) ? r : t[0];
+function q(e, s, i, t) {
+  const r = e ?? s ?? t ?? void 0;
+  return r && i.includes(r) ? r : i[0];
 }
 export {
   l as a,
   b,
-  o as c,
-  q as d,
+  q as c,
+  o as d,
   f as e,
   g as f,
   m as g,

package/dist/chunks/screenLocation.js

@@ -13,7 +13,9 @@ class s extends i {
           const { view: o, trackLocation: t, location: e } = this.component;
           return t && o && e ? [t, e, o.size, o.type === "3d" ? o.camera : o.viewpoint] : null;
         },
-        () => void this._updateScreenLocation(),
+        () => {
+          this._updateScreenLocation();
+        },
         { initial: !0 }
       )
     );