@arcgis/common-components 5.1.0-next.99 → 5.2.0-next.1

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

@@ -1,95 +1,96 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as D } from "../../chunks/runtime.js";
-import { css as q, html as d } from "lit";
-import { keyed as v } from "lit/directives/keyed.js";
-import { ref as T } from "lit/directives/ref.js";
-import { LitElement as x, createEvent as b, safeClassMap as F } from "@arcgis/lumina";
-import { Task as k } from "@lit/task";
-import { log as V, composeMissingPropertyMessage as I } from "@arcgis/toolkit/log";
-import E from "@arcgis/core/config.js";
-import * as _ from "@arcgis/core/core/reactiveUtils.js";
-import * as y from "@arcgis/core/intl.js";
-import * as N from "@arcgis/core/applications/PortalApp/layerUtils.js";
-import * as S from "@arcgis/core/core/lang.js";
-import R from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import A from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
-import { i as p } from "../../chunks/commonFunctions.js";
-import L from "@arcgis/core/rest/support/Query.js";
-import { u as Z } from "../../chunks/useT9n.js";
-function P(a) {
-  return a.type === "scene" ? a.associatedLayer?.url : a.url ?? void 0;
+/* 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 { 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 { log as q, composeMissingPropertyMessage as L } from "@arcgis/toolkit/log";
+import H 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 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 { 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;
 }
-const M = {
+const se = {
   dateStyle: "short",
   timeStyle: "short"
-}, U = {
+}, ae = {
   timeStyle: "medium"
 };
-function G(a) {
+function re(a) {
   const { layer: e, fieldName: t } = a;
   let i;
-  const n = N.supportsFieldConfiguration(e);
+  const n = E.supportsFieldConfiguration(e);
   let s;
   "popupTemplate" in e && (s = e.popupTemplate);
   const r = s ? s.fieldInfos : [];
-  return O(a)?.filter((u) => u.name === t).forEach((u) => {
-    const l = !n && r ? r.filter((g) => g.fieldName === u.name) : void 0, o = n ? e.getFieldAlias(t) : l?.length ? l[0].label : u.alias;
+  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 c = {
+    const d = {
       layerField: u,
-      label: o || u.name
+      label: l || u.name
     };
-    c.codedValues = j(t, a), H(c), c.simpleFieldType && (i = c);
+    d.codedValues = ue(t, a), le(d), d.simpleFieldType && (i = d);
   }), i;
 }
-function O(a) {
+function M(a) {
   const { layer: e } = a;
-  return e.type === "imagery-tile" || e.type === "wcs" || e.type === "imagery" && e.rasterFields.length ? e.rasterFields : e.fields;
+  return y(e) || S(e) || T(e) && e.rasterFields.length ? e.rasterFields : e.fields;
 }
-async function C(a) {
+async function k(a) {
   a.statisticsStatus = "in-progress";
   const { layer: e, view: t } = a;
-  if (e.type === "imagery-tile" || e.type === "wcs" || e.type === "stream" || e.type === "voxel")
+  if (y(e) || S(e) || F(e) || $(e))
     throw new Error("could not get feature count");
   try {
-    return await z(e, t);
+    return await ce(e, t);
   } catch {
     return;
   }
 }
-async function Q(a) {
+async function ne(a) {
   const { layer: e, view: t, fieldName: i, fieldInfo: n } = a;
-  if (e.type === "imagery-tile" || e.type === "wcs" || e.type === "voxel")
+  if (y(e) || S(e) || $(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 C(a), nullcount: 0 };
+    return { totalCount: await k(a), nullcount: 0 };
   try {
-    const s = await R({
+    const s = await J({
       layer: e,
       view: t,
       field: i,
       outStatisticTypes: { exclude: ["median"] }
     });
-    if (!p(s.count))
+    if (!f(s.count))
       throw new Error("could not get statistics");
     const r = "sourceJSON" in e && e.sourceJSON.maxRecordCount === s.count;
-    if (p(s.nullcount) && !r)
+    if (f(s.nullcount) && !r)
       return { ...s, totalCount: s.count + s.nullcount };
     {
-      const m = await C(a);
+      const m = await k(a);
       return { ...s, totalCount: m };
     }
   } catch {
     throw new Error("could not get statistics");
   }
 }
-async function W(a) {
+async function oe(a) {
   const { layer: e, view: t, fieldName: i } = a;
-  if (e.type === "imagery-tile" || e.type === "wcs" || e.type === "voxel")
+  if (y(e) || S(e) || $(e))
     throw new Error("could not get unique values for ImageryLayer/ImageryTileLayer/WCSLayer/VoxelLayer");
-  e.type === "feature" && !e.url && (e.outFields = ["*"]);
+  R(e) && (e.outFields = ["*"]);
   try {
-    return await A({
+    return await j({
       layer: e,
       view: t,
       field: i
@@ -98,7 +99,7 @@ async function W(a) {
     throw new Error("could not get unique values");
   }
 }
-function H(a) {
+function le(a) {
   switch (a.layerField.type) {
     case "string":
       a.simpleFieldType = "string";
@@ -132,48 +133,48 @@ function H(a) {
       break;
   }
 }
-function j(a, e) {
+function ue(a, e) {
   const { layer: t } = e;
-  if (t.type === "subtype-sublayer" && t.subtypeField === a) {
-    const l = t.parent?.subtypes?.find((o) => o.code === t.subtypeCode);
-    if (l)
-      return [{ code: l.code, name: l.name }];
+  if (A(t) && t.subtypeField === a) {
+    const o = t.parent?.subtypes?.find((l) => l.code === t.subtypeCode);
+    if (o)
+      return [{ code: o.code, name: o.name }];
   }
-  if (t.type !== "feature" && t.type !== "imagery")
+  if (!v(t) && !T(t))
     return;
-  const i = t.type === "feature" ? t.typeIdField : void 0, n = t.type === "feature" ? t.types : void 0;
+  const i = v(t) ? t.typeIdField : void 0, n = v(t) ? t.types : void 0;
   let s;
-  const m = O(e)?.find((l) => l.name === a), u = m?.domain;
-  return t.type === "feature" && i && n ? (i === a ? s = n.map(
-    (l) => (
+  const m = M(e)?.find((o) => o.name === a), u = m?.domain;
+  return v(t) && i && n ? (i === a ? s = n.map(
+    (o) => (
       // fake coded values
       {
-        code: l.id,
-        name: l.name
+        code: o.id,
+        name: o.name
       }
     )
-  ) : (s = [], n.forEach((l) => {
-    if (!l.domains[a] || l.domains[a].type === "inherited") {
-      const o = u;
-      o?.codedValues && o.codedValues.forEach(async (c) => {
+  ) : (s = [], n.forEach((o) => {
+    if (!o.domains[a] || o.domains[a].type === "inherited") {
+      const l = u;
+      l?.codedValues && l.codedValues.forEach((d) => {
         let g = !1;
-        s.forEach((f) => {
-          f.code === c.code && (g = !0, `, ${f.name},`.includes(`, ${c.name},`) || (f.name += `, ${c.name}`));
-        }), g || s.push(S.clone(c));
+        s.forEach((p) => {
+          p.code === d.code && (g = !0, `, ${p.name},`.includes(`, ${d.name},`) || (p.name += `, ${d.name}`));
+        }), g || s.push(I.clone(d));
       });
-    } else l.domains[a].codedValues && l.domains[a].codedValues.forEach(async (o) => {
-      let c = !1;
+    } else o.domains[a].codedValues && o.domains[a].codedValues.forEach((l) => {
+      let d = !1;
       s.forEach((g) => {
-        g.code === o.code && (c = !0, `, ${g.name},`.includes(`, ${o.name},`) || (g.name += `, ${o.name}`));
-      }), c || s.push(S.clone(o));
+        g.code === l.code && (d = !0, `, ${g.name},`.includes(`, ${l.name},`) || (g.name += `, ${l.name}`));
+      }), d || s.push(I.clone(l));
     });
-  })), !s.length && u?.codedValues && (s = S.clone(u.codedValues))) : u?.codedValues && (s = m.domain.codedValues), s?.length ? s : void 0;
+  })), !s.length && u?.codedValues && (s = I.clone(u.codedValues))) : u?.codedValues && (s = m.domain.codedValues), s?.length ? s : void 0;
 }
-async function J(a) {
+async function de(a) {
   const { view: e, layer: t } = a;
-  if (t.type === "imagery" || t.type === "imagery-tile" || t.type === "wcs")
+  if (T(t) || y(t) || S(t))
     throw new Error("could not get feature");
-  if (t.type === "feature" && !t.url || t.type === "wfs") {
+  if (v(t) && !t.url || Z(t)) {
     const i = t.createQuery();
     i.start = 0, i.num = 5, i.outFields = ["*"];
     const n = await t.queryFeatures(i);
@@ -182,44 +183,44 @@ async function J(a) {
     throw new Error("could not get feature");
   } else {
     if (!e)
-      return await w(a);
+      return await C(a);
     let i;
-    if (t.type === "subtype-sublayer" || t.type === "sublayer") {
+    if (A(t) || z(t)) {
       let s = t.parent;
-      for (; ["subtype-group", "map-image"].includes(s.type); )
+      for (; B(s) || K(s); )
         s = s.parent;
       i = await e.whenLayerView(s);
     } else
       i = await e.whenLayerView(t);
-    if (i.availableFields.length === t.fields.length || ["stream", "ogc-feature"].includes(t.type) && i.availableFields.length > 0) {
-      const s = t.createQuery();
+    if (i.availableFields.length === t.fields.length || (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 w(a);
+      return r.features?.length ? r : await C(a);
     } else
-      return await w(a);
+      return await C(a);
   }
 }
-async function w(a) {
+async function C(a) {
   const { layer: e } = a;
-  if (["imagery", "imagery-tile", "stream", "ogc-feature"].includes(e.type))
+  if (T(e) || y(e) || F(e) || _(e))
     throw new Error("cannot get feature from service");
-  const t = new L({
+  const t = new ee({
     where: "1=1",
     outFields: ["*"],
     returnGeometry: !1
   });
   return "sourceJSON" in e && e.sourceJSON?.advancedQueryCapabilities?.supportsPagination && (t.num = 1), await e.queryFeatures(t);
 }
-async function z(a, e) {
-  if (a.type === "feature" && !a.url)
-    return await B(a);
-  if (a.type === "feature" || a.type === "csv" || a.type === "scene" || a.type === "wfs" || a.type === "geojson")
+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 && (a.type === "stream" || a.type === "ogc-feature"))
-    return await K(a, e);
+  if (e && (F(a) || _(a)))
+    return await fe(a, e);
 }
-async function B(a) {
+async function me(a) {
   const e = a.createQuery();
   e.outFields = ["*"];
   const t = await a.queryFeatures(e);
@@ -227,27 +228,27 @@ async function B(a) {
     return t.features.length;
   throw new Error("could not get feature count");
 }
-async function K(a, e) {
+async function fe(a, e) {
   return await (await e.whenLayerView(a)).queryFeatureCount();
 }
-const X = q`: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 Y extends x {
+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 {
   constructor() {
-    super(...arguments), this._messages = Z({ blocking: !0 }), this._propWatcherTask = new k(this, {
+    super(...arguments), this._messages = te({ blocking: !0 }), this._propWatcherTask = new Q(this, {
       task: async ([e, t]) => {
-        const i = p(e) && p(t);
-        if (p(e) || V("error", this, I("layer")), p(t) || V("error", this, I("fieldName")), !i)
+        const i = f(e) && f(t);
+        if (f(e) || q("error", this, L("layer")), f(t) || q("error", this, L("fieldName")), !i)
           throw new Error();
         await this.processProps(), this._propWatcherTask.autoRun = !1;
       },
       args: () => [this.layer, this.fieldName]
-    }), this.oneFeatureResponseStatus = "missing", this.statisticsStatus = "missing", this.uniqueValuesStatus = "missing", this.hideAlias = !1, this.hideNumericFormat = !1, this.hideStatistics = !1, this.arcgisComplete = b(), this.arcgisFieldInfoComplete = b();
+    }), this.oneFeatureResponseStatus = "missing", this.statisticsStatus = "missing", this.uniqueValuesStatus = "missing", this.hideAlias = !1, this.hideNumericFormat = !1, this.hideStatistics = !1, this.arcgisComplete = D(), this.arcgisFieldInfoComplete = D();
   }
   static {
     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 = X;
+    this.styles = pe;
   }
   async refresh() {
     await this.processProps(), this.requestUpdate();
@@ -262,26 +263,26 @@ class Y extends x {
     let s;
     if (t.declaredClass === "esri.layers.support.Sublayer") {
       const r = t;
-      e && await _.whenOnce(() => !e.updating), s = await r.createFeatureLayer(), await s?.load();
+      e && await x.whenOnce(() => !e.updating), s = await r.createFeatureLayer(), await s?.load();
     }
     this.props = {
       view: e,
       layer: s ?? t,
       fieldName: i,
       hideStatistics: n
-    }, this.props.fieldInfo = G(this.props), t.type === "scene" && E.request.interceptors?.push({
-      urls: `${P(t)}/${t.layerId}`,
+    }, 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.oneFeatureResponseStatus = "in-progress";
     try {
-      const r = await J(this.props);
+      const r = await de(this.props);
       this.oneFeatureResponse = r, this.oneFeatureResponseStatus = "success";
     } catch {
       this.oneFeatureResponseStatus = "failed";
     }
-    if (t.type === "stream") {
+    if (F(t)) {
       this.uniqueValuesStatus = "failed", this.statisticsStatus = "failed";
       return;
     }
@@ -290,7 +291,7 @@ class Y extends x {
     else {
       this.uniqueValuesStatus = "in-progress";
       try {
-        const r = await W(this.props);
+        const r = await oe(this.props);
         this.uniqueValues = r, r?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
       } catch {
         this.uniqueValuesStatus = "failed";
@@ -301,13 +302,13 @@ class Y extends x {
     else {
       this.statisticsStatus = "in-progress";
       try {
-        const r = await Q(this.props);
-        if (!p(r.totalCount) && p(r.count) && this.uniqueValuesStatus === "success") {
+        const r = await ne(this.props);
+        if (!f(r.totalCount) && f(r.count) && this.uniqueValuesStatus === "success") {
           const m = this.uniqueValues?.uniqueValueInfos ?? [];
           for (let u = 0; u < m.length; u++) {
-            const l = m[u];
-            if (l.value === null) {
-              r.totalCount = l.count + r.count;
+            const o = m[u];
+            if (o.value === null) {
+              r.totalCount = o.count + r.count;
               break;
             }
           }
@@ -323,7 +324,7 @@ class Y extends x {
   setUpTimeZoneHandle() {
     this.timeZoneHandle?.remove();
     const { props: e } = this, { view: t, fieldInfo: i } = e;
-    ["date", "timestamp-offset"].includes(this._getStatisticsType(i)) && (this.timeZoneHandle = _.watch(() => t?.timeZone, () => {
+    ["date", "timestamp-offset"].includes(this._getStatisticsType(i)) && (this.timeZoneHandle = x.watch(() => t?.timeZone, () => {
       this.requestUpdate();
     }));
   }
@@ -372,6 +373,8 @@ class Y extends x {
         if (e.codedValues)
           return "string";
         switch (e.layerField.valueType) {
+          // @ts-ignore - waiting on typings...
+          case "url":
           case "binary":
           case "description":
           case "location-or-place-name":
@@ -444,29 +447,29 @@ class Y extends x {
   }
   _getDateString(e, t) {
     const { view: i } = this.props;
-    return i && i.timeZone === "unknown" ? y.formatDate(e, {
+    return i && i.timeZone === "unknown" ? h.formatDate(e, {
       ...this.getIntlDateTimeFormattingOptions("short-date-short-time", t),
       timeZone: "utc"
-    }) : y.formatDate(e, {
+    }) : h.formatDate(e, {
       ...this.getIntlDateTimeFormattingOptions("short-date-short-time", t),
       timeZone: i?.timeZone || "system"
     });
   }
   _getTimestampOffsetString(e, t) {
     const { view: i } = this.props;
-    return typeof e == "string" ? i && i.timeZone === "unknown" ? y.formatTimestamp(e, {
+    return typeof e == "string" ? i && i.timeZone === "unknown" ? h.formatTimestamp(e, {
       ...this.getIntlDateTimeFormattingOptions("short-date-short-time", t),
       timeZone: "utc"
-    }) : y.formatTimestamp(e, {
+    }) : h.formatTimestamp(e, {
       ...this.getIntlDateTimeFormattingOptions("short-date-short-time", t),
       timeZone: i?.timeZone || "system"
     }) : this._getDateString(e, t);
   }
   _getDateOnlyString(e, t) {
-    return y.formatDateOnly(e, this.getIntlDateTimeFormattingOptions("short-date", t));
+    return h.formatDateOnly(e, this.getIntlDateTimeFormattingOptions("short-date", t));
   }
   _getTimeOnlyString(e, t) {
-    return typeof e == "string" ? y.formatTimeOnly(e, this.getIntlDateTimeFormattingOptions("short-date-long-time", t)) : y.formatDate(e, {
+    return typeof e == "string" ? h.formatTimeOnly(e, this.getIntlDateTimeFormattingOptions("short-date-long-time", t)) : h.formatDate(e, {
       ...this.getIntlDateTimeFormattingOptions("long-time", {
         ...t,
         isTimeOnly: !0
@@ -479,10 +482,10 @@ class Y extends x {
   }
   _getNumberString(e, t) {
     const i = t?.useFieldFormatting ? e : Math.round(e * 100) / 100;
-    return y.formatNumber(i, this.getIntlNumberFormattingOptions(t));
+    return h.formatNumber(i, this.getIntlNumberFormattingOptions(t));
   }
   _printNumValue(e, t) {
-    return p(e) ? this._getNumberString(e, t) : "--";
+    return f(e) ? this._getNumberString(e, t) : "--";
   }
   _setCompleteRef() {
     this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit();
@@ -496,7 +499,7 @@ class Y extends x {
     if (!e?.useFieldFormatting)
       return t ? {
         useGrouping: ["always", "auto"].includes(t.useGrouping)
-      } : y.convertNumberFormatToIntlOptions({
+      } : h.convertNumberFormatToIntlOptions({
         digitSeparator: this.getPopupTemplateFieldInfo()?.format?.digitSeparator ?? !0
       });
     const i = t ? {
@@ -507,7 +510,7 @@ class Y extends x {
     if (i)
       return i;
     const n = this.getPopupTemplateFieldInfo();
-    return y.convertNumberFormatToIntlOptions({
+    return h.convertNumberFormatToIntlOptions({
       digitSeparator: n?.format?.digitSeparator ?? !0,
       places: n?.format?.places ?? 2
     });
@@ -515,7 +518,7 @@ class Y extends x {
   getIntlDateTimeFormattingOptions(e, t) {
     const i = this.getCurrentFieldFormat();
     if (!t?.useFieldFormatting)
-      return i ? t?.isTimeOnly ? U : M : y.convertDateFormatToIntlOptions(e);
+      return i ? t?.isTimeOnly ? ae : se : h.convertDateFormatToIntlOptions(e);
     const n = i ? {
       dateStyle: t?.isTimeOnly ? void 0 : i.dateStyle ?? void 0,
       // year/month is overridden if dateStyle is set
@@ -527,11 +530,11 @@ class Y extends x {
     if (n)
       return n;
     const s = this.getPopupTemplateFieldInfo();
-    return y.convertDateFormatToIntlOptions(s?.format?.dateFormat ?? e);
+    return h.convertDateFormatToIntlOptions(s?.format?.dateFormat ?? e);
   }
   originalLayerSupportsFieldConfigs() {
     const { layer: e } = this;
-    return N.supportsFieldConfiguration(e);
+    return E.supportsFieldConfiguration(e);
   }
   getPopupTemplateFieldInfo() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
@@ -541,45 +544,45 @@ class Y extends x {
     return this._propWatcherTask.render({
       complete: () => {
         const { props: e } = this, { fieldInfo: t } = e;
-        return t ? d`<div class="container">${this.renderFieldType()}${this.renderFieldAlias()}${this.renderFieldDescription()}${this.renderFieldValueType()}${this.renderFieldSampleValue()}${this.renderFieldNumericFormat()}${this.renderFieldStatistics()}</div>` : "";
+        return t ? c`<div class="container">${this.renderFieldType()}${this.renderFieldAlias()}${this.renderFieldDescription()}${this.renderFieldValueType()}${this.renderFieldSampleValue()}${this.renderFieldNumericFormat()}${this.renderFieldStatistics()}</div>` : "";
       },
       error: () => ""
     });
   }
   renderFieldType() {
     const { _messages: e, props: t } = this, { fieldInfo: i } = t, n = this._getFieldTypeLabel(i.layerField.type);
-    return d`<div class="section"><div class="title">${e.fieldType}</div><div>${n}</div></div>`;
+    return c`<div class="section"><div class="title">${e.fieldType}</div><div>${n}</div></div>`;
   }
   renderFieldAlias() {
     const { _messages: e, props: t, hideAlias: i } = this, { fieldInfo: n } = t;
-    return i ? "" : d`<div class="section"><div class="title">${e.fieldAlias}</div><div>${n.label}</div></div>`;
+    return i ? "" : c`<div class="section"><div class="title">${e.fieldAlias}</div><div>${n.label}</div></div>`;
   }
   renderFieldDescription() {
     const { _messages: e, props: t } = this, { layer: i } = t;
-    if (i.type !== "feature")
+    if (!v(i))
       return "";
     const { fieldInfo: n } = t, s = n.layerField.description;
-    return d`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${F({
+    return c`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${V({
       missing: !s
     })}>${s || e.fieldDescriptionNotSet}</div></div>`;
   }
   renderFieldValueType() {
     const { _messages: e, props: t } = this, { layer: i } = t;
-    if (i.type !== "feature")
+    if (!v(i))
       return "";
     const { fieldInfo: n } = t, s = this._getFieldValueTypeCamelCase(n);
-    return d`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${F(s ? "" : "missing")}>${s ? e.fieldValueTypes[s] : e.fieldValueTypeNotSet}</div></div>`;
+    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: l, fieldName: o, fieldInfo: c } = u, { statistics: g } = m;
-    let f;
-    if (["imagery-tile", "voxel"].includes(l.type) || l.type !== "stream" && ["string", "oid", "guid"].includes(this._getStatisticsType(c)) && s !== "failed")
+    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;
+    let p;
+    if (y(o) || $(o) || !F(o) && ["string", "oid", "guid"].includes(this._getStatisticsType(d)) && s !== "failed")
       return "";
-    t === "success" ? e.features.forEach((h) => {
-      (f === void 0 || f === null && h.attributes[o] !== null) && (f = h.attributes[o]);
-    }) : i === "success" ? f = n?.min ?? void 0 : s === "success" && (f = r?.uniqueValueInfos?.[0]?.value ?? r?.uniqueValueInfos?.[1]?.value ?? void 0);
-    const $ = c.codedValues;
-    return p(f) && ($ ? f = $.find((h) => f === h.code)?.name || f : f = this._getDisplayString(f, { useFieldFormatting: !0 })), d`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${F(t === "failed" && i === "failed" && s === "failed" || !p(f) ? "missing" : "")}>${t === "success" || i === "success" || s === "success" ? f?.toString() ?? g.allNulls : t === "failed" && i === "failed" && s === "failed" ? m.fieldSampleNotAvailable : m.fieldSampleRetrieving}</div></div>`;
+    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>`;
   }
   renderFieldNumericFormat() {
     const { _messages: e, props: t, hideNumericFormat: i } = this, { fieldName: n, fieldInfo: s, layer: r } = t;
@@ -587,29 +590,29 @@ class Y extends x {
       return "";
     const m = this.originalLayerSupportsFieldConfigs() ? r.getFieldConfiguration(n) : void 0;
     if (m?.fieldFormat) {
-      const { minimumFractionDigits: l, maximumFractionDigits: o } = m.fieldFormat;
-      return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}", l.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}", o.toString())}</div></div>`;
+      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 l = u.fieldInfos?.filter((o) => o.fieldName === n);
-      if (l?.length) {
-        const o = l[0];
-        if (p(o?.format?.places)) {
-          const c = o.format.places;
-          return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}", c.toString())}</div></div>`;
+      const o = u.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>`;
         }
       }
     }
-    return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div class="missing">${e.fieldDecimalPlacesNotAvailable}</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(), "") : d`<div class="section"><div class="title">${n.fieldStatistics}</div>${!e || e === "missing" || e === "in-progress" ? v("field-info-statistics-content", d`<div class="missing">${n.fieldStatisticsRetrieving}</div>`) : e === "failed" && t !== "success" ? this.renderNoStatistics() : v("field-info-statistics-content", d`<div ${T(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`;
+    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>`;
   }
   renderNoStatistics() {
     const { _messages: e } = this;
-    return v("field-info-statistics-content", d`<div class="missing" ${T(this._setCompleteRef)}>${e.fieldStatisticsNotAvailable}</div>`);
+    return b("field-info-statistics-content", c`<div class="missing" ${O(this._setCompleteRef)}>${e.fieldStatisticsNotAvailable}</div>`);
   }
   renderStatistics() {
     const { props: e } = this, { fieldInfo: t } = e;
@@ -634,43 +637,43 @@ class Y extends x {
     if (!e)
       return this.renderNoStatistics();
     const { statistics: i } = t;
-    return d`<div><div class="statistics-row"><div>${i.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${p(e.sum) ? d`<div class="statistics-row"><div>${i.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>` : null}${p(e.min) ? d`<div class="statistics-row"><div>${i.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>` : null}${p(e.max) ? d`<div class="statistics-row"><div>${i.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>` : null}${p(e.avg) ? d`<div class="statistics-row"><div>${i.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>` : null}${p(e.stddev) ? d`<div class="statistics-row"><div>${i.standardDeviation}</div><div class="data">${this._printNumValue(e.stddev)}</div></div>` : null}${this.renderNullValues()}</div>`;
+    return c`<div><div class="statistics-row"><div>${i.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${f(e.sum) ? c`<div class="statistics-row"><div>${i.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>` : null}${f(e.min) ? c`<div class="statistics-row"><div>${i.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>` : null}${f(e.max) ? c`<div class="statistics-row"><div>${i.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>` : null}${f(e.avg) ? c`<div class="statistics-row"><div>${i.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>` : null}${f(e.stddev) ? c`<div class="statistics-row"><div>${i.standardDeviation}</div><div class="data">${this._printNumValue(e.stddev)}</div></div>` : null}${this.renderNullValues()}</div>`;
   }
   renderStringStatistics() {
     const { statistics: e, uniqueValuesStatus: t, _messages: i } = this, { statistics: n } = i;
-    return d`<div><div class="statistics-row"><div>${n.numberOfValues}</div>${t !== "success" ? d`<div class="missing">--</div>` : d`<div class="data">${this._printNumValue(e?.totalCount)}</div>`}</div>${this.renderNullValues()}${this.renderTopValues()}</div>`;
+    return c`<div><div class="statistics-row"><div>${n.numberOfValues}</div>${t !== "success" ? c`<div class="missing">--</div>` : c`<div class="data">${this._printNumValue(e?.totalCount)}</div>`}</div>${this.renderNullValues()}${this.renderTopValues()}</div>`;
   }
   renderDateStatistics() {
     const { statistics: e, view: t, props: i, _messages: n } = this, { fieldInfo: s } = i;
-    if (!e || !p(e.max) || !p(e.min))
+    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 l = Math.floor((m - u * 31536e6) / 2628e6), o = Math.ceil((m - l * 2628e6) / 864e5);
-    o >= 30 && (l += 1, o = 0);
-    let c = u === 1 ? r.timeSpanOptions.year : u > 1 ? r.timeSpanOptions.years.replace("${years}", u.toString()) : "";
-    c += u > 0 && (l > 0 || o > 0) ? ", " : "", c += l === 1 ? r.timeSpanOptions.month : l > 1 ? r.timeSpanOptions.months.replace("${months}", l.toString()) : "", c += l > 0 && o > 0 ? ", " : "", c += o === 1 ? r.timeSpanOptions.day : o > 1 ? r.timeSpanOptions.days.replace("${days}", o.toString()) : "";
-    const g = s.simpleFieldType !== "timestamp-offset" || !t || t.timeZone !== "unknown", f = s.simpleFieldType === "time-only";
-    return d`<div><div class="statistics-row"><div>${r.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${g && p(e.min) ? d`<div class="statistics-row"><div>${f ? r.minimumTime : r.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>` : null}${g && p(e.max) ? d`<div class="statistics-row"><div>${f ? r.maximumTime : r.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>` : null}${g && p(e.avg) ? d`<div class="statistics-row"><div>${f ? r.averageTime : r.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>` : null}${g && !f && p(e.min) && p(e.max) && m > 0 ? d`<div class="statistics-row"><div>${r.timespan}</div><div class="data">${c}</div></div>` : null}${this.renderNullValues()}</div>`;
+    let o = Math.floor((m - u * 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()) : "";
+    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>`;
   }
   renderTopValues() {
     const { uniqueValues: e, uniqueValuesStatus: t, _messages: i, props: n } = this, { fieldInfo: s } = n, { statistics: r } = i;
     if (e?.uniqueValueInfos?.length) {
       const m = e.uniqueValueInfos;
-      m.sort((o, c) => o.count < c.count ? 1 : o.count > c.count ? -1 : 0);
-      const u = s.codedValues, l = m.filter((o) => o.value !== null).filter((o, c) => o && c < 10).map((o) => {
-        let c = o.value;
+      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) => {
-          c === g.code && (c = g.name);
-        }) : c = this._getDisplayString(c), d`<div class="statistics-row"><div class="data">${`${c}`}</div><div class="count">${this._printNumValue(o.count)}</div></div>`;
+          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>`;
       });
-      return l.length ? d`<div><div class="statistics-row-top-values"><div>${m.length > 10 ? r.topTenValues : r.topValues}</div><div>${r.count}</div></div>${l}</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>` : "";
     } else
-      return d`<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>${r.topValues}</div><div>${r.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 (!p(s) && t) {
+    if (!f(s) && t) {
       const r = t.uniqueValueInfos;
       for (let m = 0; m < r.length; m++) {
         const u = r[m];
@@ -680,10 +683,10 @@ class Y extends x {
         }
       }
     }
-    return d`<div class="statistics-row"><div>${n.numberOfNulls}</div>${p(s) ? d`<div class="data">${this._printNumValue(s)}</div>` : d`<div class="missing">--</div>`}</div>`;
+    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>`;
   }
 }
-D("arcgis-field-info", Y);
+G("arcgis-field-info", ge);
 export {
-  Y as ArcgisFieldInfo
+  ge as ArcgisFieldInfo
 };