@arcgis/map-components 5.1.0-next.1 → 5.1.0-next.100

package/dist/chunks/feature-utils.js

@@ -1,21 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { s as u } from "./layer-utils.js";
-import { log as m } from "@arcgis/toolkit/log";
-const l = /^\s*expression\//iu, F = /href=(""|'')/giu, g = /(\{([^{\r\n]+)\})/gu, y = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, L = /'/gu, N = "relationships/", h = /^(?:mailto:|tel:)/u;
-function O(e, t) {
+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();
   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 z(e) {
+function j(e) {
   const t = [];
   if (!e)
     return t;
@@ -27,45 +28,46 @@ function z(e) {
     }
   }), t;
 }
-function H(e, t) {
+function U(e, t) {
   return e?.getEffectivePopupTemplate(t) ?? void 0;
 }
-function M(e) {
+function W(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function b(e = "") {
+function w(e = "") {
   return e ? e.includes(N) : !1;
 }
-function P(e = "") {
+function _(e = "") {
   if (e)
-    return !h.test(e.trim().toLowerCase());
+    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 U(e, t) {
-  return e?.map((n) => c(n, t));
+function q(e, t) {
+  return e?.map((n) => f(n, t));
 }
-function f(e) {
-  return e ? l.test(e) : !1;
+function c(e) {
+  return e ? u.test(e) : !1;
 }
-function C(e, t) {
-  if (!t || !f(t) || !e)
+function A(e, t) {
+  if (!t || !c(t) || !e)
     return;
-  const n = t.replace(l, "").toLowerCase();
+  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 w({
-  fieldInfo: e,
-  graphic: t
-}) {
-  return !!e?.fieldName && !f(e.fieldName) && !b(e.fieldName) && !t?.isAggregate && !t?.popupTemplate;
+function I(e) {
+  const { fieldInfo: t, graphic: n, layer: r } = e;
+  return x({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+}
+function x({ fieldInfo: e, graphic: t }) {
+  return !!e?.fieldName && !c(e.fieldName) && !w(e.fieldName) && !t?.popupTemplate;
 }
 function D({
   expressionInfos: e,
@@ -76,96 +78,91 @@ function D({
 }) {
   if (!t?.fieldName)
     return null;
-  const o = C(e, t?.fieldName);
+  const o = A(e, t?.fieldName);
   if (o)
     return o.title || null;
-  if (u(i) && w({ fieldInfo: t, graphic: n })) {
-    const s = i.getFieldAlias(t.fieldName);
-    return r ? t.label || s || t.fieldName : s || t.fieldName;
+  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;
   }
   return t.label || t.fieldName;
 }
-function W({
-  fieldInfo: e,
-  isContentFieldInfos: t,
-  layer: n
-}) {
-  if (!e?.fieldName)
+function G(e) {
+  const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
+  if (!n?.fieldName)
     return null;
-  if (u(n)) {
-    const r = n?.getFieldConfiguration?.(e.fieldName)?.fieldFormat;
-    return t && e.fieldFormat || r;
-  }
-  return null;
+  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 A(e) {
-  return e.replaceAll(F, "");
+function T(e) {
+  return e.replaceAll(C, "");
 }
-function x(e, t) {
+function R(e, t) {
   return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function T({
+function k({
   formattedValues: e,
   template: t,
   fieldInfoMap: n
 }) {
   return d(
-    A(
+    T(
       a(
-        a(t, (r) => x(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 k(e, t) {
-  return e.replaceAll(g, (n, r, i) => {
-    const o = p(t, i);
+function E(e, t) {
+  return e.replaceAll(y, (n, r, i) => {
+    const o = m(t, i);
     return o ? `{${o.name}}` : r;
   });
 }
-function R(e, t, n = !1) {
+function V(e, t, n = !1) {
   const r = t[e];
   if (typeof r == "string") {
     const o = (n ? encodeURIComponent(r) : r).replaceAll(
-      L,
+      h,
       "%27"
     );
     t[e] = o;
   }
 }
-function E(e, t = !1) {
+function v(e, t = !1) {
   const n = { ...e };
-  return Object.keys(n).forEach((r) => R(r, n, t)), n;
+  return Object.keys(n).forEach((r) => V(r, n, t)), n;
 }
-function I(e, t, n) {
+function z(e, t, n) {
   t = d(t);
   const r = t && !t.startsWith("{");
-  return a(e, E(n, r || !1));
+  return a(e, v(n, r || !1));
 }
-function V(e, t, n) {
-  const r = k(e, n);
+function H(e, t, n) {
+  const r = E(e, n);
   return r && r.replaceAll(
-    y,
-    (i, o, s) => I(i, o || s, t)
+    L,
+    (i, o, s) => z(i, o || s, t)
   );
 }
-function q({
+function J({
   values: e,
   globalValues: t,
   layer: n,
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? T({
+  return r ? k({
     formattedValues: t,
-    template: V(
+    template: H(
       r,
       {
         ...t,
@@ -176,7 +173,7 @@ function q({
     fieldInfoMap: i
   }) : "";
 }
-async function _({
+async function K({
   type: e,
   value: t,
   event: n
@@ -184,7 +181,7 @@ async function _({
   try {
     return typeof t == "function" ? t(n) : await t;
   } catch (r) {
-    m("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
+    g("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
       detail: {
         error: r,
         graphic: n.graphic,
@@ -194,30 +191,22 @@ async function _({
     return;
   }
 }
-function B(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 {
-  M as a,
-  z as b,
-  O as c,
-  b as d,
-  _ as e,
-  P as f,
-  H as g,
-  B as h,
-  f as i,
-  D as j,
-  w as k,
-  W as l,
+  U as a,
+  j as b,
+  $ as c,
+  w as d,
+  K as e,
+  _ as f,
+  W as g,
+  D as h,
+  c as i,
+  I as j,
+  G as k,
+  E as l,
   k as m,
-  T as n,
-  U as o,
-  c as p,
-  $ as q,
-  q as s
+  q as n,
+  f as o,
+  B as p,
+  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,77 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as r } from "./runtime.js";
+import { ref as l } from "lit/directives/ref.js";
+import { css as u, html as a } from "lit";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { LitElement as g, nothing as p, safeClassMap as d } from "@arcgis/lumina";
+import { f as h } from "./layer-list-utils.js";
+import { classes as f } from "@arcgis/toolkit/dom";
+const e = {
+  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"
+}, b = u`: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 v extends g {
+  constructor() {
+    super(...arguments), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = m()("item", "parent");
+  }
+  static {
+    this.properties = { _iconEl: 16, item: 0, parent: 0, messages: 0, autoDestroyDisabled: 5 };
+  }
+  static {
+    this.styles = [b];
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  _setIconEl(i) {
+    this._iconEl = i;
+  }
+  getTooltipText(i, c, o, t) {
+    const n = (s) => typeof s == "string" ? s : "";
+    if (i)
+      return n(t?.publishing);
+    if (c)
+      return n(t?.updating);
+    switch (o) {
+      case "connected":
+        return n(t?.connected);
+      case "paused":
+        return n(t?.paused);
+      default:
+        return n(t?.disconnected);
+    }
+  }
+  render() {
+    if (!this.item)
+      return null;
+    const { publishing: i } = this.item, c = "updating" in this.item && this.item.updating && !this.parent, o = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, t = !!o;
+    if (!i && !c && !t)
+      return null;
+    const { messages: n } = this, s = this.getTooltipText(i, c, o, n);
+    return a`<calcite-icon class=${d(f(e.statusIndicator, { [e.publishing]: i }, "updating" in e && { [e.updating]: c }, "connectionStatus" in e && { [e.connectionStatus]: t }, "connectionStatusConnected" in e && {
+      [e.connectionStatusConnected]: t && o === "connected"
+    }))} title=${n?.connectionStatus ?? p} .icon=${h({ connectionStatus: o, publishing: i })} scale=s ${l(this._setIconEl)}></calcite-icon>${this._iconEl ? a`<calcite-tooltip placement=top .referenceElement=${this._iconEl}>${s}</calcite-tooltip>` : null}`;
+  }
+}
+r("arcgis-layer-list-item-indicator", v);
+export {
+  v as A,
+  e 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 {
+  N as a,
+  g as b,
+  c,
+  I as d,
+  b as e,
+  L as f,
+  p as g,
+  m as h,
+  d as i,
+  M as j,
+  v as k,
+  O as l,
+  h as m,
+  x as n,
+  D as o,
+  S as r,
+  C as s
+};

package/dist/chunks/layer-utils.js

@@ -1,32 +1,65 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-function a(e, t) {
+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: n } = e;
   n.layers.includes(t) || (n.add(t), n.reorder(t, n.layers.length - 1));
 }
-function u(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 u(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 o(e) {
+function F(e) {
   return e != null && typeof e == "object" && "type" in e && e.type === "graphics";
 }
-function p(e) {
-  return u(e) && s(e);
+function y(e) {
+  return e != null && typeof e == "object" && "type" in e && e.type === "subtype-group" && "sublayers" in e;
+}
+function L(e) {
+  return e?.type === "subtype-sublayer";
 }
-function c(e, t) {
+function h(e, t) {
   const n = t?.type === "subtype-sublayer" ? t.parent : t;
-  return e.allLayerViews.find((i) => {
-    const r = i.layer;
-    return r === n || "sublayers" in r && r.sublayers != null && r.sublayers.includes(n);
+  return e.allLayerViews.find((r) => {
+    const i = r.layer;
+    return i === n || "sublayers" in i && i.sublayers != null && i.sublayers.includes(n);
   });
 }
+function s(e) {
+  const t = e?.type;
+  return t === "binning" || t === "cluster";
+}
+function R(e, t) {
+  if (!a(e))
+    return;
+  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 t?.checkFeatureReduction && r ? s(r) ? r : null : e;
+}
 export {
-  a,
-  c as f,
-  o as i,
-  p as s
+  F as a,
+  g as b,
+  y as c,
+  m as d,
+  h as f,
+  R as g,
+  L as i,
+  S as q
 };