@arcgis/common-components 5.2.0-next.3 → 5.2.0-next.30

package/dist/components/arcgis-field-info/customElement.js

@@ -1,71 +1,72 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as G } from "../../chunks/runtime.js";
-import { css as U, html as c } from "lit";
+import { c as Q } from "../../chunks/runtime.js";
+import { css as H, html as c } from "lit";
 import { keyed as b } from "lit/directives/keyed.js";
 import { ref as O } from "lit/directives/ref.js";
-import { LitElement as W, createEvent as D, safeClassMap as V } from "@arcgis/lumina";
-import { Task as Q } from "@lit/task";
+import { LitElement as J, createEvent as D, safeClassMap as V } from "@arcgis/lumina";
+import { Task as j } from "@lit/task";
 import { log as q, composeMissingPropertyMessage as L } from "@arcgis/toolkit/log";
-import H from "@arcgis/core/config.js";
+import z from "@arcgis/core/config.js";
 import * as x from "@arcgis/core/core/reactiveUtils.js";
 import * as h from "@arcgis/core/intl.js";
-import * as E from "@arcgis/core/applications/PortalApp/layerUtils.js";
+import * as Z from "@arcgis/core/applications/PortalApp/layerUtils.js";
 import * as I from "@arcgis/core/core/lang.js";
-import J from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import j from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
+import B from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import K from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import { i as f } from "../../chunks/commonFunctions.js";
-import { i as y, a as S, b as $, c as R, d as T, e as A, f as v, g as F, h as Z, j as z, k as B, l as K, m as _, n as X, o as P, p as Y } from "../../chunks/layer-utils.js";
-import ee from "@arcgis/core/rest/support/Query.js";
-import { u as te } from "../../chunks/useT9n.js";
-function ie(a) {
-  return a.associatedLayer?.url;
+import k from "@arcgis/core/layers/support/CodedValue.js";
+import { i as y, a as w, b as S, c as P, d as T, e as M, f as v, g as F, h as G, j as X, k as Y, l as ee, m as te, n as _, o as ie, p as U, q as se, r as E, s as R } from "../../chunks/layer-utils.js";
+import ae from "@arcgis/core/rest/support/Query.js";
+import { u as re } from "../../chunks/useT9n.js";
+function ne(r) {
+  return r.associatedLayer?.url;
 }
-const se = {
+const oe = {
   dateStyle: "short",
   timeStyle: "short"
-}, ae = {
+}, le = {
   timeStyle: "medium"
 };
-function re(a) {
-  const { layer: e, fieldName: t } = a;
+function ue(r) {
+  const { layer: e, fieldName: t } = r;
   let i;
-  const n = E.supportsFieldConfiguration(e);
+  const n = Z.supportsFieldConfiguration(e);
   let s;
   "popupTemplate" in e && (s = e.popupTemplate);
-  const r = s ? s.fieldInfos : [];
-  return M(a)?.filter((u) => u.name === t).forEach((u) => {
-    const o = !n && r ? r.filter((g) => g.fieldName === u.name) : void 0, l = n ? e.getFieldAlias(t) : o?.length ? o[0].label : u.alias;
-    /^raster.(item|service)pixelvalue/iu.test(t) && (u.type = "double");
-    const d = {
-      layerField: u,
-      label: l || u.name
+  const a = s ? s.fieldInfos : [];
+  return W(r)?.filter((d) => d.name === t).forEach((d) => {
+    const o = !n && a ? a.filter((g) => g.fieldName === d.name) : void 0, l = n ? e.getFieldAlias(t) : o?.length ? o[0].label : d.alias;
+    /^raster.(item|service)pixelvalue/iu.test(t) && (d.type = "double");
+    const u = {
+      layerField: d,
+      label: l || d.name
     };
-    d.codedValues = ue(t, a), le(d), d.simpleFieldType && (i = d);
+    u.codedValues = fe(t, r), me(u), u.simpleFieldType && (i = u);
   }), i;
 }
-function M(a) {
-  const { layer: e } = a;
-  return y(e) || S(e) || T(e) && e.rasterFields.length ? e.rasterFields : e.fields;
+function W(r) {
+  const { layer: e } = r;
+  return y(e) || w(e) || T(e) && e.rasterFields.length ? e.rasterFields : e.fields;
 }
-async function k(a) {
-  a.statisticsStatus = "in-progress";
-  const { layer: e, view: t } = a;
-  if (y(e) || S(e) || F(e) || $(e))
+async function A(r) {
+  r.statisticsStatus = "in-progress";
+  const { layer: e, view: t } = r;
+  if (y(e) || w(e) || F(e) || S(e))
     throw new Error("could not get feature count");
   try {
-    return await ce(e, t);
+    return await ge(e, t);
   } catch {
     return;
   }
 }
-async function ne(a) {
-  const { layer: e, view: t, fieldName: i, fieldInfo: n } = a;
-  if (y(e) || S(e) || $(e))
+async function de(r) {
+  const { layer: e, view: t, fieldName: i, fieldInfo: n } = r;
+  if (y(e) || w(e) || S(e))
     throw new Error("could not get statistics for ImageryTileLayer/WCSLayer/VoxelLayer");
   if (!n || n.layerField.type === "oid" || n.layerField.type === "guid" || n.layerField.type === "global-id")
-    return { totalCount: await k(a), nullcount: 0 };
+    return { totalCount: await A(r), nullcount: 0 };
   try {
-    const s = await J({
+    const s = await B({
       layer: e,
       view: t,
       field: i,
@@ -73,24 +74,24 @@ async function ne(a) {
     });
     if (!f(s.count))
       throw new Error("could not get statistics");
-    const r = "sourceJSON" in e && e.sourceJSON.maxRecordCount === s.count;
-    if (f(s.nullcount) && !r)
+    const a = "sourceJSON" in e && e.sourceJSON.maxRecordCount === s.count;
+    if (f(s.nullcount) && !a)
       return { ...s, totalCount: s.count + s.nullcount };
     {
-      const m = await k(a);
+      const m = await A(r);
       return { ...s, totalCount: m };
     }
   } catch {
     throw new Error("could not get statistics");
   }
 }
-async function oe(a) {
-  const { layer: e, view: t, fieldName: i } = a;
-  if (y(e) || S(e) || $(e))
+async function ce(r) {
+  const { layer: e, view: t, fieldName: i } = r;
+  if (y(e) || w(e) || S(e))
     throw new Error("could not get unique values for ImageryLayer/ImageryTileLayer/WCSLayer/VoxelLayer");
-  R(e) && (e.outFields = ["*"]);
+  P(e) && (e.outFields = ["*"]);
   try {
-    return await j({
+    return await K({
       layer: e,
       view: t,
       field: i
@@ -99,29 +100,29 @@ async function oe(a) {
     throw new Error("could not get unique values");
   }
 }
-function le(a) {
-  switch (a.layerField.type) {
+function me(r) {
+  switch (r.layerField.type) {
     case "string":
-      a.simpleFieldType = "string";
+      r.simpleFieldType = "string";
       break;
     case "date":
-      a.simpleFieldType = "date";
+      r.simpleFieldType = "date";
       break;
     case "timestamp-offset":
-      a.simpleFieldType = "timestamp-offset";
+      r.simpleFieldType = "timestamp-offset";
       break;
     case "date-only":
-      a.simpleFieldType = "date-only";
+      r.simpleFieldType = "date-only";
       break;
     case "time-only":
-      a.simpleFieldType = "time-only";
+      r.simpleFieldType = "time-only";
       break;
     case "oid":
-      a.simpleFieldType = "oid";
+      r.simpleFieldType = "oid";
       break;
     case "guid":
     case "global-id":
-      a.simpleFieldType = "guid";
+      r.simpleFieldType = "guid";
       break;
     case "small-integer":
     case "big-integer":
@@ -129,52 +130,54 @@ function le(a) {
     case "single":
     case "double":
     case "long":
-      a.simpleFieldType = "number";
+      r.simpleFieldType = "number";
       break;
+    default:
+      r.simpleFieldType = "string";
   }
 }
-function ue(a, e) {
+function fe(r, e) {
   const { layer: t } = e;
-  if (A(t) && t.subtypeField === a) {
+  if (M(t) && t.subtypeField === r) {
     const o = t.parent?.subtypes?.find((l) => l.code === t.subtypeCode);
     if (o)
-      return [{ code: o.code, name: o.name }];
+      return [new k({ code: o.code, name: o.name })];
   }
   if (!v(t) && !T(t))
     return;
   const i = v(t) ? t.typeIdField : void 0, n = v(t) ? t.types : void 0;
   let s;
-  const m = M(e)?.find((o) => o.name === a), u = m?.domain;
-  return v(t) && i && n ? (i === a ? s = n.map(
+  const m = W(e)?.find((o) => o.name === r), d = m?.domain;
+  return v(t) && i && n ? (i === r ? s = n.map(
     (o) => (
       // fake coded values
-      {
+      new k({
         code: o.id,
         name: o.name
-      }
+      })
     )
   ) : (s = [], n.forEach((o) => {
-    if (!o.domains[a] || o.domains[a].type === "inherited") {
-      const l = u;
-      l?.codedValues && l.codedValues.forEach((d) => {
+    if (!o.domains[r] || o.domains[r].type === "inherited") {
+      const l = d;
+      l?.codedValues && l.codedValues.forEach((u) => {
         let g = !1;
         s.forEach((p) => {
-          p.code === d.code && (g = !0, `, ${p.name},`.includes(`, ${d.name},`) || (p.name += `, ${d.name}`));
-        }), g || s.push(I.clone(d));
+          p.code === u.code && (g = !0, `, ${p.name},`.includes(`, ${u.name},`) || (p.name += `, ${u.name}`));
+        }), g || s.push(I.clone(u));
       });
-    } else o.domains[a].codedValues && o.domains[a].codedValues.forEach((l) => {
-      let d = !1;
+    } else o.domains[r].codedValues && o.domains[r].codedValues.forEach((l) => {
+      let u = !1;
       s.forEach((g) => {
-        g.code === l.code && (d = !0, `, ${g.name},`.includes(`, ${l.name},`) || (g.name += `, ${l.name}`));
-      }), d || s.push(I.clone(l));
+        g.code === l.code && (u = !0, `, ${g.name},`.includes(`, ${l.name},`) || (g.name += `, ${l.name}`));
+      }), u || s.push(I.clone(l));
     });
-  })), !s.length && u?.codedValues && (s = I.clone(u.codedValues))) : u?.codedValues && (s = m.domain.codedValues), s?.length ? s : void 0;
+  })), !s.length && d?.codedValues && (s = I.clone(d.codedValues))) : d?.codedValues && (s = m?.domain?.codedValues), s?.length ? s : void 0;
 }
-async function de(a) {
-  const { view: e, layer: t } = a;
-  if (T(t) || y(t) || S(t))
+async function pe(r) {
+  const { view: e, layer: t } = r;
+  if (T(t) || y(t) || w(t))
     throw new Error("could not get feature");
-  if (v(t) && !t.url || Z(t)) {
+  if (v(t) && !t.url || G(t)) {
     const i = t.createQuery();
     i.start = 0, i.num = 5, i.outFields = ["*"];
     const n = await t.queryFeatures(i);
@@ -183,58 +186,59 @@ async function de(a) {
     throw new Error("could not get feature");
   } else {
     if (!e)
-      return await C(a);
+      return await C(r);
     let i;
-    if (A(t) || z(t)) {
+    if (M(t) || X(t)) {
       let s = t.parent;
-      for (; B(s) || K(s); )
+      for (; Y(s) || ee(s); )
         s = s.parent;
-      i = await e.whenLayerView(s);
+      te(s) && (i = await e.whenLayerView(s));
     } else
       i = await e.whenLayerView(t);
-    if (i.availableFields.length === t.fields.length || (F(t) || _(t)) && i.availableFields.length > 0) {
+    const n = i.availableFields.length === t.fields.length;
+    if (i && (n || (F(t) || _(t)) && i.availableFields.length > 0)) {
       const s = i.createQuery();
       s.start = 0, s.num = 5, s.outFields = ["*"];
-      const r = await i.queryFeatures(s);
-      return r.features?.length ? r : await C(a);
+      const a = await i.queryFeatures(s);
+      return a.features?.length ? a : await C(r);
     } else
-      return await C(a);
+      return await C(r);
   }
 }
-async function C(a) {
-  const { layer: e } = a;
+async function C(r) {
+  const { layer: e } = r;
   if (T(e) || y(e) || F(e) || _(e))
     throw new Error("cannot get feature from service");
-  const t = new ee({
+  const t = new ae({
     where: "1=1",
     outFields: ["*"],
     returnGeometry: !1
   });
   return "sourceJSON" in e && e.sourceJSON?.advancedQueryCapabilities?.supportsPagination && (t.num = 1), await e.queryFeatures(t);
 }
-async function ce(a, e) {
-  if (R(a))
-    return await me(a);
-  if (v(a) || X(a) || P(a) || Z(a) || Y(a))
-    return await a.queryFeatureCount();
-  if (e && (F(a) || _(a)))
-    return await fe(a, e);
+async function ge(r, e) {
+  if (P(r))
+    return await he(r);
+  if (v(r) || ie(r) || U(r) || G(r) || se(r))
+    return await r.queryFeatureCount();
+  if (e && (F(r) || _(r)))
+    return await ve(r, e);
 }
-async function me(a) {
-  const e = a.createQuery();
+async function he(r) {
+  const e = r.createQuery();
   e.outFields = ["*"];
-  const t = await a.queryFeatures(e);
+  const t = await r.queryFeatures(e);
   if (t.features.length)
     return t.features.length;
   throw new Error("could not get feature count");
 }
-async function fe(a, e) {
-  return await (await e.whenLayerView(a)).queryFeatureCount();
+async function ve(r, e) {
+  return await (await e.whenLayerView(r)).queryFeatureCount();
 }
-const pe = U`:host{height:100%}.container{padding:var(--calcite-space-xs);background-color:var(--calcite-color-foreground-1)}.title{font-weight:700;padding:5px 0}.missing,.data{color:#a9a9a9}.count{white-space:nowrap}.section{padding:var(--calcite-space-xs) 0}.statistics-row{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);padding:var(--calcite-space-xs) 0;display:flex;justify-content:space-between}.statistics-row-top-values{border-top:var(--calcite-border-width-sm) solid var(--calctie-color-border-2);padding:20px 0 var(--calcite-space-xs) 0;display:flex;justify-content:space-between}`;
-class ge extends W {
+const ye = H`:host{height:100%}.container{padding:var(--calcite-space-xs);background-color:var(--calcite-color-foreground-1)}.title{font-weight:700;padding:5px 0}.missing,.data{color:#a9a9a9}.count{white-space:nowrap}.section{padding:var(--calcite-space-xs) 0}.statistics-row{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);padding:var(--calcite-space-xs) 0;display:flex;justify-content:space-between}.statistics-row-top-values{border-top:var(--calcite-border-width-sm) solid var(--calctie-color-border-2);padding:20px 0 var(--calcite-space-xs) 0;display:flex;justify-content:space-between}`;
+class Fe extends J {
   constructor() {
-    super(...arguments), this._messages = te({ blocking: !0 }), this._propWatcherTask = new Q(this, {
+    super(...arguments), this._messages = re({ blocking: !0 }), this._propWatcherTask = new j(this, {
       task: async ([e, t]) => {
         const i = f(e) && f(t);
         if (f(e) || q("error", this, L("layer")), f(t) || q("error", this, L("fieldName")), !i)
@@ -248,7 +252,7 @@ class ge extends W {
     this.properties = { oneFeatureResponseStatus: 16, oneFeatureResponse: 16, statisticsStatus: 16, statistics: 16, uniqueValuesStatus: 16, uniqueValues: 16, view: 0, layer: 0, fieldName: 1, hideAlias: 5, hideNumericFormat: 5, hideStatistics: 5 };
   }
   static {
-    this.styles = pe;
+    this.styles = ye;
   }
   async refresh() {
     await this.processProps(), this.requestUpdate();
@@ -262,27 +266,27 @@ class ge extends W {
       return;
     let s;
     if (t.declaredClass === "esri.layers.support.Sublayer") {
-      const r = t;
-      e && await x.whenOnce(() => !e.updating), s = await r.createFeatureLayer(), await s?.load();
+      const a = t;
+      e && await x.whenOnce(() => !e.updating), s = await a.createFeatureLayer(), await s?.load();
     }
     this.props = {
       view: e,
       layer: s ?? t,
       fieldName: i,
       hideStatistics: n
-    }, this.props.fieldInfo = re(this.props), P(t) && H.request.interceptors?.push({
-      urls: `${ie(t)}/${t.layerId}`,
-      before(r) {
-        r.requestOptions.authMode = "no-prompt";
+    }, this.props.fieldInfo = ue(this.props), U(t) && z.request.interceptors?.push({
+      urls: `${ne(t)}/${t.layerId}`,
+      before(a) {
+        a.requestOptions.authMode = "no-prompt";
       }
     }), this.oneFeatureResponseStatus = "in-progress";
     try {
-      const r = await de(this.props);
-      this.oneFeatureResponse = r, this.oneFeatureResponseStatus = "success";
+      const a = await pe(this.props);
+      this.oneFeatureResponse = a, this.oneFeatureResponseStatus = "success";
     } catch {
       this.oneFeatureResponseStatus = "failed";
     }
-    if (F(t)) {
+    if (F(t) || E(t) || R(t)) {
       this.uniqueValuesStatus = "failed", this.statisticsStatus = "failed";
       return;
     }
@@ -291,8 +295,8 @@ class ge extends W {
     else {
       this.uniqueValuesStatus = "in-progress";
       try {
-        const r = await oe(this.props);
-        this.uniqueValues = r, r?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
+        const a = await ce(this.props);
+        this.uniqueValues = a, a?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
       } catch {
         this.uniqueValuesStatus = "failed";
       }
@@ -302,19 +306,19 @@ class ge extends W {
     else {
       this.statisticsStatus = "in-progress";
       try {
-        const r = await ne(this.props);
-        if (!f(r.totalCount) && f(r.count) && this.uniqueValuesStatus === "success") {
+        const a = await de(this.props);
+        if (!f(a.totalCount) && f(a.count) && this.uniqueValuesStatus === "success") {
           const m = this.uniqueValues?.uniqueValueInfos ?? [];
-          for (let u = 0; u < m.length; u++) {
-            const o = m[u];
+          for (let d = 0; d < m.length; d++) {
+            const o = m[d];
             if (o.value === null) {
-              r.totalCount = o.count + r.count;
+              a.totalCount = o.count + a.count;
               break;
             }
           }
-          r.totalCount ??= r.count;
+          a.totalCount ??= a.count;
         }
-        this.statistics = r, this.statisticsStatus = "success";
+        this.statistics = a, this.statisticsStatus = "success";
       } catch {
         this.statisticsStatus = "failed";
       }
@@ -518,7 +522,7 @@ class ge extends W {
   getIntlDateTimeFormattingOptions(e, t) {
     const i = this.getCurrentFieldFormat();
     if (!t?.useFieldFormatting)
-      return i ? t?.isTimeOnly ? ae : se : h.convertDateFormatToIntlOptions(e);
+      return i ? t?.isTimeOnly ? le : oe : h.convertDateFormatToIntlOptions(e);
     const n = i ? {
       dateStyle: t?.isTimeOnly ? void 0 : i.dateStyle ?? void 0,
       // year/month is overridden if dateStyle is set
@@ -534,7 +538,7 @@ class ge extends W {
   }
   originalLayerSupportsFieldConfigs() {
     const { layer: e } = this;
-    return E.supportsFieldConfiguration(e);
+    return Z.supportsFieldConfiguration(e);
   }
   getPopupTemplateFieldInfo() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
@@ -574,41 +578,41 @@ class ge extends W {
     return c`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${V(s ? "" : "missing")}>${s ? e.fieldValueTypes[s] : e.fieldValueTypeNotSet}</div></div>`;
   }
   renderFieldSampleValue() {
-    const { oneFeatureResponse: e, oneFeatureResponseStatus: t, statisticsStatus: i, statistics: n, uniqueValuesStatus: s, uniqueValues: r, _messages: m, props: u } = this, { layer: o, fieldName: l, fieldInfo: d } = u, { statistics: g } = m;
+    const { oneFeatureResponse: e, oneFeatureResponseStatus: t, statisticsStatus: i, statistics: n, uniqueValuesStatus: s, uniqueValues: a, _messages: m, props: d } = this, { layer: o, fieldName: l, fieldInfo: u } = d, { statistics: g } = m;
     let p;
-    if (y(o) || $(o) || !F(o) && ["string", "oid", "guid"].includes(this._getStatisticsType(d)) && s !== "failed")
+    if (y(o) || S(o) || !F(o) && ["string", "oid", "guid"].includes(this._getStatisticsType(u)) && s !== "failed")
       return "";
-    t === "success" ? e.features.forEach((w) => {
-      (p === void 0 || p === null && w.attributes[l] !== null) && (p = w.attributes[l]);
-    }) : i === "success" ? p = n?.min ?? void 0 : s === "success" && (p = r?.uniqueValueInfos?.[0]?.value ?? r?.uniqueValueInfos?.[1]?.value ?? void 0);
-    const N = d.codedValues;
-    return f(p) && (N ? p = N.find((w) => p === w.code)?.name || p : p = this._getDisplayString(p, { useFieldFormatting: !0 })), c`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${V(t === "failed" && i === "failed" && s === "failed" || !f(p) ? "missing" : "")}>${t === "success" || i === "success" || s === "success" ? p?.toString() ?? g.allNulls : t === "failed" && i === "failed" && s === "failed" ? m.fieldSampleNotAvailable : m.fieldSampleRetrieving}</div></div>`;
+    t === "success" ? e.features.forEach(($) => {
+      (p === void 0 || p === null && $.attributes[l] !== null) && (p = $.attributes[l]);
+    }) : i === "success" ? p = n?.min ?? void 0 : s === "success" && (p = a?.uniqueValueInfos?.[0]?.value ?? a?.uniqueValueInfos?.[1]?.value ?? void 0);
+    const N = u.codedValues;
+    return f(p) && (N ? p = N.find(($) => p === $.code)?.name || p : p = this._getDisplayString(p, { useFieldFormatting: !0 })), c`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${V(t === "failed" && i === "failed" && s === "failed" || !f(p) ? "missing" : "")}>${t === "success" || i === "success" || s === "success" ? p?.toString() ?? g.allNulls : t === "failed" && i === "failed" && s === "failed" ? m.fieldSampleNotAvailable : m.fieldSampleRetrieving}</div></div>`;
   }
   renderFieldNumericFormat() {
-    const { _messages: e, props: t, hideNumericFormat: i } = this, { fieldName: n, fieldInfo: s, layer: r } = t;
+    const { _messages: e, props: t, hideNumericFormat: i } = this, { fieldName: n, fieldInfo: s, layer: a } = t;
     if (i || !["double", "long", "single"].includes(s.layerField.type))
       return "";
-    const m = this.originalLayerSupportsFieldConfigs() ? r.getFieldConfiguration(n) : void 0;
+    const m = this.originalLayerSupportsFieldConfigs() ? a.getFieldConfiguration(n) : void 0;
     if (m?.fieldFormat) {
       const { minimumFractionDigits: o, maximumFractionDigits: l } = m.fieldFormat;
       return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}", o.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}", l.toString())}</div></div>`;
     }
-    const u = "popupTemplate" in r ? r.popupTemplate : void 0;
-    if (u?.fieldInfos) {
-      const o = u.fieldInfos?.filter((l) => l.fieldName === n);
+    const d = "popupTemplate" in a ? a.popupTemplate : void 0;
+    if (d?.fieldInfos) {
+      const o = d.fieldInfos?.filter((l) => l.fieldName === n);
       if (o?.length) {
         const l = o[0];
         if (f(l?.format?.places)) {
-          const d = l.format.places;
-          return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}", d.toString())}</div></div>`;
+          const u = l.format.places;
+          return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}", u.toString())}</div></div>`;
         }
       }
     }
     return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div class="missing">${e.fieldDecimalPlacesNotAvailable}</div></div>`;
   }
   renderFieldStatistics() {
-    const { statisticsStatus: e, uniqueValuesStatus: t, hideStatistics: i, _messages: n, props: s } = this, { layer: r, fieldInfo: m } = s;
-    return i ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : ["stream", "imagery-tile", "voxel"].includes(r.type) || ["long"].includes(m.layerField.type) ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : c`<div class="section"><div class="title">${n.fieldStatistics}</div>${!e || e === "missing" || e === "in-progress" ? b("field-info-statistics-content", c`<div class="missing">${n.fieldStatisticsRetrieving}</div>`) : e === "failed" && t !== "success" ? this.renderNoStatistics() : b("field-info-statistics-content", c`<div ${O(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`;
+    const { statisticsStatus: e, uniqueValuesStatus: t, hideStatistics: i, _messages: n, props: s } = this, { layer: a, fieldInfo: m } = s;
+    return i ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : E(a) || R(a) || F(a) || y(a) || S(a) || ["long"].includes(m.layerField.type) ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : c`<div class="section"><div class="title">${n.fieldStatistics}</div>${!e || e === "missing" || e === "in-progress" ? b("field-info-statistics-content", c`<div class="missing">${n.fieldStatisticsRetrieving}</div>`) : e === "failed" && t !== "success" ? this.renderNoStatistics() : b("field-info-statistics-content", c`<div ${O(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`;
   }
   renderNoStatistics() {
     const { _messages: e } = this;
@@ -647,38 +651,38 @@ class ge extends W {
     const { statistics: e, view: t, props: i, _messages: n } = this, { fieldInfo: s } = i;
     if (!e || !f(e.max) || !f(e.min))
       return this.renderNoStatistics();
-    const { statistics: r } = n, m = e.max - e.min, u = Math.floor(m / 31536e6);
-    let o = Math.floor((m - u * 31536e6) / 2628e6), l = Math.ceil((m - o * 2628e6) / 864e5);
+    const { statistics: a } = n, m = e.max - e.min, d = Math.floor(m / 31536e6);
+    let o = Math.floor((m - d * 31536e6) / 2628e6), l = Math.ceil((m - o * 2628e6) / 864e5);
     l >= 30 && (o += 1, l = 0);
-    let d = u === 1 ? r.timeSpanOptions.year : u > 1 ? r.timeSpanOptions.years.replace("${years}", u.toString()) : "";
-    d += u > 0 && (o > 0 || l > 0) ? ", " : "", d += o === 1 ? r.timeSpanOptions.month : o > 1 ? r.timeSpanOptions.months.replace("${months}", o.toString()) : "", d += o > 0 && l > 0 ? ", " : "", d += l === 1 ? r.timeSpanOptions.day : l > 1 ? r.timeSpanOptions.days.replace("${days}", l.toString()) : "";
+    let u = d === 1 ? a.timeSpanOptions.year : d > 1 ? a.timeSpanOptions.years.replace("${years}", d.toString()) : "";
+    u += d > 0 && (o > 0 || l > 0) ? ", " : "", u += o === 1 ? a.timeSpanOptions.month : o > 1 ? a.timeSpanOptions.months.replace("${months}", o.toString()) : "", u += o > 0 && l > 0 ? ", " : "", u += l === 1 ? a.timeSpanOptions.day : l > 1 ? a.timeSpanOptions.days.replace("${days}", l.toString()) : "";
     const g = s.simpleFieldType !== "timestamp-offset" || !t || t.timeZone !== "unknown", p = s.simpleFieldType === "time-only";
-    return c`<div><div class="statistics-row"><div>${r.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${g && f(e.min) ? c`<div class="statistics-row"><div>${p ? r.minimumTime : r.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>` : null}${g && f(e.max) ? c`<div class="statistics-row"><div>${p ? r.maximumTime : r.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>` : null}${g && f(e.avg) ? c`<div class="statistics-row"><div>${p ? r.averageTime : r.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>` : null}${g && !p && f(e.min) && f(e.max) && m > 0 ? c`<div class="statistics-row"><div>${r.timespan}</div><div class="data">${d}</div></div>` : null}${this.renderNullValues()}</div>`;
+    return c`<div><div class="statistics-row"><div>${a.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${g && f(e.min) ? c`<div class="statistics-row"><div>${p ? a.minimumTime : a.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>` : null}${g && f(e.max) ? c`<div class="statistics-row"><div>${p ? a.maximumTime : a.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>` : null}${g && f(e.avg) ? c`<div class="statistics-row"><div>${p ? a.averageTime : a.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>` : null}${g && !p && f(e.min) && f(e.max) && m > 0 ? c`<div class="statistics-row"><div>${a.timespan}</div><div class="data">${u}</div></div>` : null}${this.renderNullValues()}</div>`;
   }
   renderTopValues() {
-    const { uniqueValues: e, uniqueValuesStatus: t, _messages: i, props: n } = this, { fieldInfo: s } = n, { statistics: r } = i;
+    const { uniqueValues: e, uniqueValuesStatus: t, _messages: i, props: n } = this, { fieldInfo: s } = n, { statistics: a } = i;
     if (e?.uniqueValueInfos?.length) {
       const m = e.uniqueValueInfos;
-      m.sort((l, d) => l.count < d.count ? 1 : l.count > d.count ? -1 : 0);
-      const u = s.codedValues, o = m.filter((l) => l.value !== null).filter((l, d) => l && d < 10).map((l) => {
-        let d = l.value;
-        return u ? u.forEach((g) => {
-          d === g.code && (d = g.name);
-        }) : d = this._getDisplayString(d), c`<div class="statistics-row"><div class="data">${`${d}`}</div><div class="count">${this._printNumValue(l.count)}</div></div>`;
+      m.sort((l, u) => l.count < u.count ? 1 : l.count > u.count ? -1 : 0);
+      const d = s.codedValues, o = m.filter((l) => l.value !== null).filter((l, u) => l && u < 10).map((l) => {
+        let u = l.value;
+        return d ? d.forEach((g) => {
+          u === g.code && (u = g.name);
+        }) : u = this._getDisplayString(u), c`<div class="statistics-row"><div class="data">${`${u}`}</div><div class="count">${this._printNumValue(l.count)}</div></div>`;
       });
-      return o.length ? c`<div><div class="statistics-row-top-values"><div>${m.length > 10 ? r.topTenValues : r.topValues}</div><div>${r.count}</div></div>${o}</div>` : "";
+      return o.length ? c`<div><div class="statistics-row-top-values"><div>${m.length > 10 ? a.topTenValues : a.topValues}</div><div>${a.count}</div></div>${o}</div>` : "";
     } else
-      return c`<div><div class="statistics-row-top-values"><div>${r.topValues}</div><div>${r.count}</div></div><div class="statistics-row"><div class="missing">${t === "failed" ? i.fieldUniqueValuesNotAvailable : i.fieldSampleRetrieving}</div></div></div>`;
+      return c`<div><div class="statistics-row-top-values"><div>${a.topValues}</div><div>${a.count}</div></div><div class="statistics-row"><div class="missing">${t === "failed" ? i.fieldUniqueValuesNotAvailable : i.fieldSampleRetrieving}</div></div></div>`;
   }
   renderNullValues() {
     const { statistics: e, uniqueValues: t, _messages: i } = this, { statistics: n } = i;
     let s = e?.nullcount;
     if (!f(s) && t) {
-      const r = t.uniqueValueInfos;
-      for (let m = 0; m < r.length; m++) {
-        const u = r[m];
-        if (u.value === null) {
-          s = u.count;
+      const a = t.uniqueValueInfos;
+      for (let m = 0; m < a.length; m++) {
+        const d = a[m];
+        if (d.value === null) {
+          s = d.count;
           break;
         }
       }
@@ -686,7 +690,7 @@ class ge extends W {
     return c`<div class="statistics-row"><div>${n.numberOfNulls}</div>${f(s) ? c`<div class="data">${this._printNumValue(s)}</div>` : c`<div class="missing">--</div>`}</div>`;
   }
 }
-G("arcgis-field-info", ge);
+Q("arcgis-field-info", Fe);
 export {
-  ge as ArcgisFieldInfo
+  Fe as ArcgisFieldInfo
 };

package/dist/components/arcgis-field-info/utils/basic.d.ts

@@ -17,10 +17,12 @@ import type VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
 import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
 import type WFSLayer from "@arcgis/core/layers/WFSLayer.js";
 import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
+import type DimensionFeatureLayer from "@arcgis/core/layers/DimensionFeatureLayer.js";
+import type AnnotationFeatureLayer from "@arcgis/core/layers/AnnotationFeatureLayer.js";
 
 /**
  * All supported layer types
  *
  * @internal
  */
-export type FieldInfoLayer = CatalogFootprintLayer | CatalogLayer | CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;
+export type FieldInfoLayer = AnnotationFeatureLayer | CatalogFootprintLayer | CatalogLayer | CSVLayer | DimensionFeatureLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;