@arcgis/common-components 5.2.0-next.99 → 6.0.0-next.0

package/dist/components/arcgis-field-info/customElement.d.ts

@@ -44,21 +44,22 @@ export abstract class ArcgisFieldInfo extends LitElement {
           globalId: string;
       };
       fieldValueTypes: {
-          nameOrTitle: string;
-          description: string;
-          typeOrCategory: string;
-          countOrAmount: string;
-          percentageOrRatio: string;
-          measurement: string;
-          uniqueIdentifier: string;
-          orderedOrRanked: string;
           binary: string;
-          locationOrPlaceName: string;
           coordinate: string;
+          countOrAmount: string;
           currency: string;
-          phoneNumber: string;
-          emailAddress: string;
           dateAndTime: string;
+          description: string;
+          emailAddress: string;
+          locationOrPlaceName: string;
+          marginOfError: string;
+          measurement: string;
+          nameOrTitle: string;
+          orderedOrRanked: string;
+          percentageOrRatio: string;
+          phoneNumber: string;
+          typeOrCategory: string;
+          uniqueIdentifier: string;
           url: string;
       };
       statistics: {
@@ -126,21 +127,22 @@ export abstract class ArcgisFieldInfo extends LitElement {
           globalId: string;
       };
       fieldValueTypes: {
-          nameOrTitle: string;
-          description: string;
-          typeOrCategory: string;
-          countOrAmount: string;
-          percentageOrRatio: string;
-          measurement: string;
-          uniqueIdentifier: string;
-          orderedOrRanked: string;
           binary: string;
-          locationOrPlaceName: string;
           coordinate: string;
+          countOrAmount: string;
           currency: string;
-          phoneNumber: string;
-          emailAddress: string;
           dateAndTime: string;
+          description: string;
+          emailAddress: string;
+          locationOrPlaceName: string;
+          marginOfError: string;
+          measurement: string;
+          nameOrTitle: string;
+          orderedOrRanked: string;
+          percentageOrRatio: string;
+          phoneNumber: string;
+          typeOrCategory: string;
+          uniqueIdentifier: string;
           url: string;
       };
       statistics: {
@@ -200,7 +202,7 @@ export abstract class ArcgisFieldInfo extends LitElement {
   refresh(): Promise<void>;
   /** Emitted once all information is displayed. */
   readonly arcgisComplete: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** @deprecated use arcgisComplete instead. */
+  /** @deprecated use arcgisComplete instead. Removal target v6.0.0. */
   readonly arcgisFieldInfoComplete: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisComplete: ArcgisFieldInfo["arcgisComplete"]["detail"];

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

@@ -5,11 +5,11 @@ import { ref as b } from "lit/directives/ref.js";
 import { LitElement as Q, createEvent as D, safeClassMap as C } from "@arcgis/lumina";
 import { Task as J } from "@lit/task";
 import { log as q, composeMissingPropertyMessage as L } from "@arcgis/toolkit/log";
-import { css as j, html as d } from "lit";
+import { css as j, html as c } from "lit";
 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 A from "@arcgis/core/applications/PortalApp/layerUtils.js";
+import * as P from "@arcgis/core/applications/PortalApp/layerUtils.js";
 import * as _ from "@arcgis/core/core/lang.js";
 import B from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import K from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
@@ -30,12 +30,12 @@ const oe = {
 function ue(a) {
   const { layer: e, fieldName: t } = a;
   let i;
-  const r = A.supportsFieldConfiguration(e);
+  const r = P.supportsFieldConfiguration(e);
   let s;
   "popupTemplate" in e && (s = e.popupTemplate);
   const l = s ? s.fieldInfos : [];
   return G(a)?.filter((n) => n.name === t).forEach((n) => {
-    const c = !r && l ? l.filter((g) => g.fieldName === n.name) : void 0, o = r ? e.getFieldAlias(t) : c?.length ? c[0].label : n.alias;
+    const d = !r && l ? l.filter((g) => g.fieldName === n.name) : void 0, o = r ? e.getFieldAlias(t) : d?.length ? d[0].label : n.alias;
     /^raster.(item|service)pixelvalue/iu.test(t) && (n.type = "double");
     const u = {
       layerField: n,
@@ -48,7 +48,7 @@ function G(a) {
   const { layer: e } = a;
   return F(e) || V(e) || I(e) && e.rasterFields.length ? e.rasterFields : e.fields;
 }
-async function P(a) {
+async function A(a) {
   a.statisticsStatus = "in-progress";
   const { layer: e, view: t } = a;
   if (F(e) || V(e) || w(e) || T(e))
@@ -59,12 +59,12 @@ async function P(a) {
     return;
   }
 }
-async function ce(a) {
+async function de(a) {
   const { layer: e, view: t, fieldName: i, fieldInfo: r } = a;
   if (F(e) || V(e) || T(e))
     throw new Error("could not get statistics for ImageryTileLayer/WCSLayer/VoxelLayer");
   if (!r || r.layerField.type === "oid" || r.layerField.type === "guid" || r.layerField.type === "global-id")
-    return { totalCount: await P(a), nullcount: 0 };
+    return { totalCount: await A(a), nullcount: 0 };
   try {
     const s = await B({
       layer: e,
@@ -78,14 +78,14 @@ async function ce(a) {
     if (f(s.nullcount) && !l)
       return { ...s, totalCount: s.count + s.nullcount };
     {
-      const m = await P(a);
+      const m = await A(a);
       return { ...s, totalCount: m };
     }
   } catch {
     throw new Error("could not get statistics");
   }
 }
-async function de(a) {
+async function ce(a) {
   const { layer: e, view: t, fieldName: i } = a;
   if (F(e) || V(e) || T(e))
     throw new Error("could not get unique values for ImageryLayer/ImageryTileLayer/WCSLayer/VoxelLayer");
@@ -139,25 +139,25 @@ function me(a) {
 function fe(a, e) {
   const { layer: t } = e;
   if (M(t) && t.subtypeField === a) {
-    const c = t.parent?.subtypes?.find((o) => o.code === t.subtypeCode);
-    if (c)
-      return [new R({ code: c.code, name: c.name })];
+    const d = t.parent?.subtypes?.find((o) => o.code === t.subtypeCode);
+    if (d)
+      return [new R({ code: d.code, name: d.name })];
   }
   if (!y(t) && !I(t))
     return;
   const i = y(t) ? t.typeIdField : void 0, r = y(t) ? t.types : void 0;
   let s;
-  const m = G(e)?.find((c) => c.name === a), n = m?.domain;
+  const m = G(e)?.find((d) => d.name === a), n = m?.domain;
   return y(t) && i && r ? (i === a ? s = r.map(
-    (c) => (
+    (d) => (
       // fake coded values
       new R({
-        code: c.id,
-        name: c.name
+        code: d.id,
+        name: d.name
       })
     )
-  ) : (s = [], r.forEach((c) => {
-    if (!c.domains[a] || c.domains[a].type === "inherited") {
+  ) : (s = [], r.forEach((d) => {
+    if (!d.domains[a] || d.domains[a].type === "inherited") {
       const o = n;
       o?.codedValues && o.codedValues.forEach((u) => {
         let g = !1;
@@ -165,7 +165,7 @@ function fe(a, e) {
           p.code === u.code && (g = !0, `, ${p.name},`.includes(`, ${u.name},`) || (p.name += `, ${u.name}`));
         }), g || s.push(_.clone(u));
       });
-    } else c.domains[a].codedValues && c.domains[a].codedValues.forEach((o) => {
+    } else d.domains[a].codedValues && d.domains[a].codedValues.forEach((o) => {
       let u = !1;
       s.forEach((g) => {
         g.code === o.code && (u = !0, `, ${g.name},`.includes(`, ${o.name},`) || (g.name += `, ${o.name}`));
@@ -257,8 +257,8 @@ class Fe extends Q {
   async refresh() {
     await this.processProps(), this.requestUpdate();
   }
-  async willUpdate(e) {
-    this.initialized && (e.has("fieldName") || e.has("layer")) && await this.processProps();
+  willUpdate(e) {
+    this.initialized && (e.has("fieldName") || e.has("layer")) && this.processProps();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.timeZoneHandle?.remove();
@@ -306,39 +306,32 @@ class Fe extends Q {
     }
   }
   async requestUniqueValues() {
-    return this.uniqueValuesStatus = "in-progress", await new Promise(async (e) => {
-      try {
-        const t = await de(this.props);
-        this.uniqueValues = t, t?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
-      } catch {
-        this.uniqueValuesStatus = "failed";
-      } finally {
-        e();
-      }
-    });
+    this.uniqueValuesStatus = "in-progress";
+    try {
+      const e = await ce(this.props);
+      this.uniqueValues = e, e?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
+    } catch {
+      this.uniqueValuesStatus = "failed";
+    }
   }
   async requestStatistics() {
-    return await new Promise(async (e) => {
-      try {
-        const t = await ce(this.props);
-        if (!f(t.totalCount) && f(t.count) && this.uniqueValuesStatus === "success") {
-          const i = this.uniqueValues?.uniqueValueInfos ?? [];
-          for (let r = 0; r < i.length; r++) {
-            const s = i[r];
-            if (s.value === null) {
-              t.totalCount = s.count + t.count;
-              break;
-            }
+    try {
+      const e = await de(this.props);
+      if (!f(e.totalCount) && f(e.count) && this.uniqueValuesStatus === "success") {
+        const t = this.uniqueValues?.uniqueValueInfos ?? [];
+        for (let i = 0; i < t.length; i++) {
+          const r = t[i];
+          if (r.value === null) {
+            e.totalCount = r.count + e.count;
+            break;
           }
-          t.totalCount ??= t.count;
         }
-        this.statistics = t, this.statisticsStatus = "success";
-      } catch {
-        this.statisticsStatus = "failed";
-      } finally {
-        e();
+        e.totalCount ??= e.count;
       }
-    });
+      this.statistics = e, this.statisticsStatus = "success";
+    } catch {
+      this.statisticsStatus = "failed";
+    }
   }
   setUpTimeZoneHandle() {
     this.timeZoneHandle?.remove();
@@ -425,6 +418,8 @@ class Fe extends Q {
         return "dateAndTime";
       case "location-or-place-name":
         return "locationOrPlaceName";
+      case "margin-of-error":
+        return "marginOfError";
       case "name-or-title":
         return "nameOrTitle";
       case "ordered-or-ranked":
@@ -556,7 +551,7 @@ class Fe extends Q {
   }
   originalLayerSupportsFieldConfigs() {
     const { layer: e } = this;
-    return A.supportsFieldConfiguration(e);
+    return P.supportsFieldConfiguration(e);
   }
   getPopupTemplateFieldInfo() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
@@ -567,28 +562,28 @@ class Fe extends Q {
   }
   render() {
     return this._propWatcherTask.render({
-      pending: () => d`<calcite-scrim loading></calcite-scrim>`,
+      pending: () => c`<calcite-scrim loading></calcite-scrim>`,
       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, r = this._getFieldTypeLabel(i.layerField.type);
-    return d`<div class="section"><div class="title">${e.fieldType}</div><div>${r}</div></div>`;
+    return c`<div class="section"><div class="title">${e.fieldType}</div><div>${r}</div></div>`;
   }
   renderFieldAlias() {
     const { _messages: e, props: t, hideAlias: i } = this, { fieldInfo: r } = t;
-    return i ? "" : d`<div class="section"><div class="title">${e.fieldAlias}</div><div>${r.label}</div></div>`;
+    return i ? "" : c`<div class="section"><div class="title">${e.fieldAlias}</div><div>${r.label}</div></div>`;
   }
   renderFieldDescription() {
     const { _messages: e, props: t } = this, { layer: i } = t;
     if (!y(i))
       return "";
     const { fieldInfo: r } = t, s = r.layerField.description;
-    return d`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${C({
+    return c`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${C({
       missing: !s
     })}>${s || e.fieldDescriptionNotSet}</div></div>`;
   }
@@ -597,18 +592,18 @@ class Fe extends Q {
     if (!y(i))
       return "";
     const { fieldInfo: r } = t, s = this._getFieldValueTypeCamelCase(r);
-    return d`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${C(s ? "" : "missing")}>${s ? e.fieldValueTypes[s] : e.fieldValueTypeNotSet}</div></div>`;
+    return c`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${C(s ? "" : "missing")}>${s ? e.fieldValueTypes[s] : e.fieldValueTypeNotSet}</div></div>`;
   }
   renderFieldSampleValue() {
-    const { oneFeatureResponse: e, oneFeatureResponseStatus: t, statisticsStatus: i, statistics: r, uniqueValuesStatus: s, uniqueValues: l, _messages: m, props: n } = this, { layer: c, fieldName: o, fieldInfo: u } = n, { statistics: g } = m;
+    const { oneFeatureResponse: e, oneFeatureResponseStatus: t, statisticsStatus: i, statistics: r, uniqueValuesStatus: s, uniqueValues: l, _messages: m, props: n } = this, { layer: d, fieldName: o, fieldInfo: u } = n, { statistics: g } = m;
     let p;
-    if (F(c) || T(c) || !w(c) && ["string", "oid", "guid"].includes(this._getStatisticsType(u)) && s !== "failed")
+    if (F(d) || T(d) || !w(d) && ["string", "oid", "guid"].includes(this._getStatisticsType(u)) && s !== "failed")
       return "";
     t === "success" ? e.features.forEach((v) => {
       (p === void 0 || p === null && v.attributes[o] !== null) && (p = v.attributes[o]);
     }) : i === "success" ? p = r?.min ?? void 0 : s === "success" && (p = l?.uniqueValueInfos?.[0]?.value ?? l?.uniqueValueInfos?.[1]?.value ?? void 0);
     const S = u.codedValues;
-    return f(p) && (S ? p = S.find((v) => p === v.code)?.name || p : p = this._getDisplayString(p, { useFieldFormatting: !0 })), d`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${C(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>`;
+    return f(p) && (S ? p = S.find((v) => p === v.code)?.name || p : p = this._getDisplayString(p, { useFieldFormatting: !0 })), c`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${C(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: r, fieldInfo: s, layer: l } = t;
@@ -616,33 +611,33 @@ class Fe extends Q {
       return "";
     const m = this.originalLayerSupportsFieldConfigs() ? l.getFieldConfiguration(r) : void 0;
     if (m?.fieldFormat) {
-      const { minimumFractionDigits: c, maximumFractionDigits: o } = m.fieldFormat;
-      return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}", c.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}", o.toString())}</div></div>`;
+      const { minimumFractionDigits: d, maximumFractionDigits: o } = m.fieldFormat;
+      return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}", d.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}", o.toString())}</div></div>`;
     }
     const n = "popupTemplate" in l ? l.popupTemplate : void 0;
     if (n?.fieldInfos) {
-      const c = n.fieldInfos?.filter((o) => o.fieldName === r);
-      if (c?.length) {
-        const o = c[0];
+      const d = n.fieldInfos?.filter((o) => o.fieldName === r);
+      if (d?.length) {
+        const o = d[0];
         if (f(o?.format?.places)) {
           const u = o.format.places;
-          return d`<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>${e.fieldNumDecimalPlaces.replace("${number}", u.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: r, props: s } = this, { layer: l, fieldInfo: m } = s;
-    return i ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : k(l) || E(l) || w(l) || F(l) || T(l) || ["long"].includes(m.layerField.type) ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : d`<div class="section"><div class="title">${r.fieldStatistics}</div>${!this.isFinished(t) && !this.isFinished(e) ? this.renderWaitingForStatistics() : e === "failed" && t === "failed" ? this.renderNoStatistics() : this.renderStatistics()}</div>`;
+    return i ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : k(l) || E(l) || w(l) || F(l) || T(l) || ["long"].includes(m.layerField.type) ? (this.arcgisComplete.emit(), this.arcgisFieldInfoComplete.emit(), "") : c`<div class="section"><div class="title">${r.fieldStatistics}</div>${!this.isFinished(t) && !this.isFinished(e) ? this.renderWaitingForStatistics() : e === "failed" && t === "failed" ? this.renderNoStatistics() : this.renderStatistics()}</div>`;
   }
   renderWaitingForStatistics() {
     const { _messages: e } = this;
-    return $("field-info-statistics-content", d`<div class="missing">${e.fieldStatisticsRetrieving}</div>`);
+    return $("field-info-statistics-content", c`<div class="missing">${e.fieldStatisticsRetrieving}</div>`);
   }
   renderNoStatistics() {
     const { _messages: e } = this;
-    return $("field-info-statistics-content", d`<div class="missing" ${b(this._setCompleteRef)}>${e.fieldStatisticsNotAvailable}</div>`);
+    return $("field-info-statistics-content", c`<div class="missing" ${b(this._setCompleteRef)}>${e.fieldStatisticsNotAvailable}</div>`);
   }
   renderStatistics() {
     const { props: e } = this, { fieldInfo: t } = e;
@@ -667,38 +662,38 @@ class Fe extends Q {
     if (!e)
       return this.isFinished(t) && this.isFinished(i) ? this.renderNoStatistics() : this.renderWaitingForStatistics();
     const { statistics: s } = r;
-    return $("field-info-statistics-content", d`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${s.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${f(e.sum) ? d`<div class="statistics-row"><div>${s.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>` : null}${f(e.min) ? d`<div class="statistics-row"><div>${s.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>` : null}${f(e.max) ? d`<div class="statistics-row"><div>${s.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>` : null}${f(e.avg) ? d`<div class="statistics-row"><div>${s.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>` : null}${f(e.stddev) ? d`<div class="statistics-row"><div>${s.standardDeviation}</div><div class="data">${this._printNumValue(e.stddev)}</div></div>` : null}${this.renderNullValues()}</div>`);
+    return $("field-info-statistics-content", c`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${s.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${f(e.sum) ? c`<div class="statistics-row"><div>${s.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>` : null}${f(e.min) ? c`<div class="statistics-row"><div>${s.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>` : null}${f(e.max) ? c`<div class="statistics-row"><div>${s.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>` : null}${f(e.avg) ? c`<div class="statistics-row"><div>${s.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>` : null}${f(e.stddev) ? c`<div class="statistics-row"><div>${s.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: r } = i;
-    return $("field-info-statistics-content", d`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${r.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 $("field-info-statistics-content", c`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${r.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, uniqueValuesStatus: r, statisticsStatus: s, _messages: l } = this, { fieldInfo: m } = i;
     if (!e || !f(e.max) || !f(e.min))
       return this.isFinished(r) && this.isFinished(s) ? this.renderNoStatistics() : this.renderWaitingForStatistics();
-    const { statistics: n } = l, c = e.max - e.min, o = Math.floor(c / 31536e6);
-    let u = Math.floor((c - o * 31536e6) / 2628e6), g = Math.ceil((c - u * 2628e6) / 864e5);
+    const { statistics: n } = l, d = e.max - e.min, o = Math.floor(d / 31536e6);
+    let u = Math.floor((d - o * 31536e6) / 2628e6), g = Math.ceil((d - u * 2628e6) / 864e5);
     g >= 30 && (u += 1, g = 0);
     let p = o === 1 ? n.timeSpanOptions.year : o > 1 ? n.timeSpanOptions.years.replace("${years}", o.toString()) : "";
     p += o > 0 && (u > 0 || g > 0) ? ", " : "", p += u === 1 ? n.timeSpanOptions.month : u > 1 ? n.timeSpanOptions.months.replace("${months}", u.toString()) : "", p += u > 0 && g > 0 ? ", " : "", p += g === 1 ? n.timeSpanOptions.day : g > 1 ? n.timeSpanOptions.days.replace("${days}", g.toString()) : "";
     const S = m.simpleFieldType !== "timestamp-offset" || !t || t.timeZone !== "unknown", v = m.simpleFieldType === "time-only";
-    return $("field-info-statistics-content", d`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${n.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${S && f(e.min) ? d`<div class="statistics-row"><div>${v ? n.minimumTime : n.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>` : null}${S && f(e.max) ? d`<div class="statistics-row"><div>${v ? n.maximumTime : n.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>` : null}${S && f(e.avg) ? d`<div class="statistics-row"><div>${v ? n.averageTime : n.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>` : null}${S && !v && f(e.min) && f(e.max) && c > 0 ? d`<div class="statistics-row"><div>${n.timespan}</div><div class="data">${p}</div></div>` : null}${this.renderNullValues()}</div>`);
+    return $("field-info-statistics-content", c`<div ${b(this._setCompleteRef)}><div class="statistics-row"><div>${n.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${S && f(e.min) ? c`<div class="statistics-row"><div>${v ? n.minimumTime : n.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>` : null}${S && f(e.max) ? c`<div class="statistics-row"><div>${v ? n.maximumTime : n.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>` : null}${S && f(e.avg) ? c`<div class="statistics-row"><div>${v ? n.averageTime : n.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>` : null}${S && !v && f(e.min) && f(e.max) && d > 0 ? c`<div class="statistics-row"><div>${n.timespan}</div><div class="data">${p}</div></div>` : null}${this.renderNullValues()}</div>`);
   }
   renderTopValues() {
     const { uniqueValues: e, uniqueValuesStatus: t, _messages: i, props: r } = this, { fieldInfo: s } = r, { statistics: l } = i;
     if (e?.uniqueValueInfos?.length) {
       const m = e.uniqueValueInfos;
       m.sort((o, u) => o.count < u.count ? 1 : o.count > u.count ? -1 : 0);
-      const n = s.codedValues, c = m.filter((o) => o.value !== null).filter((o, u) => o && u < 10).map((o) => {
+      const n = s.codedValues, d = m.filter((o) => o.value !== null).filter((o, u) => o && u < 10).map((o) => {
         let u = o.value;
         return n ? n.forEach((g) => {
           u === g.code && (u = g.name);
-        }) : u = this._getDisplayString(u), d`<div class="statistics-row"><div class="data">${`${u}`}</div><div class="count">${this._printNumValue(o.count)}</div></div>`;
+        }) : u = this._getDisplayString(u), c`<div class="statistics-row"><div class="data">${`${u}`}</div><div class="count">${this._printNumValue(o.count)}</div></div>`;
       });
-      return c.length ? d`<div><div class="statistics-row-top-values"><div>${m.length > 10 ? l.topTenValues : l.topValues}</div><div>${l.count}</div></div>${c}</div>` : "";
+      return d.length ? c`<div><div class="statistics-row-top-values"><div>${m.length > 10 ? l.topTenValues : l.topValues}</div><div>${l.count}</div></div>${d}</div>` : "";
     } else
-      return d`<div><div class="statistics-row-top-values"><div>${l.topValues}</div><div>${l.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>${l.topValues}</div><div>${l.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: r } = i;
@@ -713,7 +708,7 @@ class Fe extends Q {
         }
       }
     }
-    return d`<div class="statistics-row"><div>${r.numberOfNulls}</div>${f(s) ? d`<div class="data">${this._printNumValue(s)}</div>` : d`<div class="missing">--</div>`}</div>`;
+    return c`<div class="statistics-row"><div>${r.numberOfNulls}</div>${f(s) ? c`<div class="data">${this._printNumValue(s)}</div>` : c`<div class="missing">--</div>`}</div>`;
   }
 }
 H("arcgis-field-info", Fe);

package/dist/components/arcgis-field-pick-list/customElement.d.ts

@@ -35,6 +35,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
       sort: string;
       selectAll: string;
       deselectAll: string;
+      subFieldsSelected: string;
       noMatches: string;
   } & T9nMeta<{
       ok: string;
@@ -54,6 +55,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
       sort: string;
       selectAll: string;
       deselectAll: string;
+      subFieldsSelected: string;
       noMatches: string;
   }>;
   /** Custom function to distinguish expressions from fields. */
@@ -73,7 +75,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
   accessor filterPlaceholderText: string | undefined;
   /**
    * @deprecated
-   * Pass in grouped lists of fields instead.
+   * Pass in grouped lists of fields instead. Removal target v6.0.0.
    * If true, fields and expressions are placed in separate groups.
    * @default false
    */
@@ -87,7 +89,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor hideCancel: boolean;
   /**
-   * If true, hides the sort menu button.
+   * If true, hides the top-level sort menu button. Sorting applies directly to any sub-fields.
    *
    * @default false
    */
@@ -95,12 +97,12 @@ export abstract class ArcgisFieldPickList extends LitElement {
   /** Layer instance. */
   accessor layer: FieldPickListLayer | undefined;
   /**
-   * If true, renders without a popover.
+   * If true, renders without a popover (when true, groups of sub-fields are not supported).
    *
    * @default false
    */
   accessor listOnly: boolean;
-  /** @deprecated use view instead */
+  /** @deprecated use view instead. Removal target v6.0.0. */
   accessor mapView: View | undefined;
   /**
    * If true, allows for multiple selection. If false, the
@@ -116,7 +118,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
   /** The initially selected fields. Will use selectedFields[0] when multiple is set to false. */
   accessor selectedFields: string[];
   /**
-   * @deprecated use hideCancel instead
+   * @deprecated use hideCancel instead. Removal target v6.0.0.
    * @default true
    */
   accessor showCancel: boolean;
@@ -145,24 +147,25 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor showFieldTypeIcon: boolean;
   /**
-   * If true, displays the filter option based on the number of fields.
+   * The number of selectable fields at which to display the top-level filter option. Sub-fields are included.
    *
    * @default 10
    */
   accessor showFilterLength: number;
   /**
-   * If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.
+   * If true, displays a 'Select All' button at the top level of the list. Selection applies directly to any sub-fields.
+   * Valid only if multiple is set to true.
    *
    * @default false
    */
   accessor showSelectionAll: boolean;
   /**
-   * @deprecated use hideSort instead
+   * @deprecated use hideSort instead. Removal target v6.0.0.
    * @default true
    */
   accessor showSort: boolean;
   /**
-   * The initial sort order.
+   * The initial sort order. Sort order applies directly to any sub-fields.
    *
    * @default "default"
    */
@@ -187,11 +190,11 @@ export abstract class ArcgisFieldPickList extends LitElement {
   readonly arcgisDeleteField: import("@arcgis/lumina").TargetedEvent<this, { fieldName: string; }>;
   /** Emitted when the edit icon of a field has been clicked. The field must have PickListFieldInfo.showEditAction set to true. */
   readonly arcgisEditField: import("@arcgis/lumina").TargetedEvent<this, { fieldName: string; }>;
-  /** @deprecated use arcgisChange instead */
+  /** @deprecated use arcgisChange instead. Removal target v6.0.0. */
   readonly arcgisFieldPickListChange: import("@arcgis/lumina").TargetedEvent<this, { selectedFields: string[]; }>;
-  /** @deprecated use arcgisClose instead */
+  /** @deprecated use arcgisClose instead. Removal target v6.0.0. */
   readonly arcgisFieldPickListDismissed: import("@arcgis/lumina").TargetedEvent<this, { selectedFields: string[]; } | void>;
-  /** @deprecated use arcgisSortByChange instead */
+  /** @deprecated use arcgisSortByChange instead. Removal target v6.0.0. */
   readonly arcgisFieldPickListSortByChange: import("@arcgis/lumina").TargetedEvent<this, LastSortBy>;
   /** Emitted when the field pick list sort order has changed. */
   readonly arcgisSortByChange: import("@arcgis/lumina").TargetedEvent<this, LastSortBy>;