@arcgis/common-components 5.2.0-next.22 → 5.2.0-next.24

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 W } from "../../chunks/runtime.js";
-import { css as Q, 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 H, createEvent as D, safeClassMap as V } from "@arcgis/lumina";
-import { Task as J } 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 j 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 A 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 z from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import B 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 w, b as S, c as Z, d as T, e as P, f as v, g as F, h as M, j as K, k as X, l as Y, m as _, n as ee, o as G, p as te, q as k, r as E } from "../../chunks/layer-utils.js";
-import ie from "@arcgis/core/rest/support/Query.js";
-import { u as se } from "../../chunks/useT9n.js";
-function ae(r) {
+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 re = {
+const oe = {
   dateStyle: "short",
   timeStyle: "short"
-}, ne = {
+}, le = {
   timeStyle: "medium"
 };
-function oe(r) {
+function ue(r) {
   const { layer: e, fieldName: t } = r;
   let i;
-  const n = A.supportsFieldConfiguration(e);
+  const n = Z.supportsFieldConfiguration(e);
   let s;
   "popupTemplate" in e && (s = e.popupTemplate);
   const a = s ? s.fieldInfos : [];
-  return U(r)?.filter((u) => u.name === t).forEach((u) => {
-    const o = !n && a ? a.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
+  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 = ce(t, r), de(d), d.simpleFieldType && (i = d);
+    u.codedValues = fe(t, r), me(u), u.simpleFieldType && (i = u);
   }), i;
 }
-function U(r) {
+function W(r) {
   const { layer: e } = r;
   return y(e) || w(e) || T(e) && e.rasterFields.length ? e.rasterFields : e.fields;
 }
-async function R(r) {
+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 fe(e, t);
+    return await ge(e, t);
   } catch {
     return;
   }
 }
-async function le(r) {
+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 R(r), nullcount: 0 };
+    return { totalCount: await A(r), nullcount: 0 };
   try {
-    const s = await z({
+    const s = await B({
       layer: e,
       view: t,
       field: i,
@@ -77,20 +78,20 @@ async function le(r) {
     if (f(s.nullcount) && !a)
       return { ...s, totalCount: s.count + s.nullcount };
     {
-      const m = await R(r);
+      const m = await A(r);
       return { ...s, totalCount: m };
     }
   } catch {
     throw new Error("could not get statistics");
   }
 }
-async function ue(r) {
+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");
-  Z(e) && (e.outFields = ["*"]);
+  P(e) && (e.outFields = ["*"]);
   try {
-    return await B({
+    return await K({
       layer: e,
       view: t,
       field: i
@@ -99,7 +100,7 @@ async function ue(r) {
     throw new Error("could not get unique values");
   }
 }
-function de(r) {
+function me(r) {
   switch (r.layerField.type) {
     case "string":
       r.simpleFieldType = "string";
@@ -131,50 +132,52 @@ function de(r) {
     case "long":
       r.simpleFieldType = "number";
       break;
+    default:
+      r.simpleFieldType = "string";
   }
 }
-function ce(r, e) {
+function fe(r, e) {
   const { layer: t } = e;
-  if (P(t) && t.subtypeField === r) {
+  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 = U(e)?.find((o) => o.name === r), u = m?.domain;
+  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[r] || o.domains[r].type === "inherited") {
-      const l = u;
-      l?.codedValues && l.codedValues.forEach((d) => {
+      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[r].codedValues && o.domains[r].codedValues.forEach((l) => {
-      let d = !1;
+      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 me(r) {
+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 || M(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);
@@ -185,14 +188,15 @@ async function me(r) {
     if (!e)
       return await C(r);
     let i;
-    if (P(t) || K(t)) {
+    if (M(t) || X(t)) {
       let s = t.parent;
-      for (; X(s) || Y(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 a = await i.queryFeatures(s);
@@ -205,22 +209,22 @@ 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 ie({
+  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 fe(r, e) {
-  if (Z(r))
-    return await pe(r);
-  if (v(r) || ee(r) || G(r) || M(r) || te(r))
+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 ge(r, e);
+    return await ve(r, e);
 }
-async function pe(r) {
+async function he(r) {
   const e = r.createQuery();
   e.outFields = ["*"];
   const t = await r.queryFeatures(e);
@@ -228,13 +232,13 @@ async function pe(r) {
     return t.features.length;
   throw new Error("could not get feature count");
 }
-async function ge(r, e) {
+async function ve(r, e) {
   return await (await e.whenLayerView(r)).queryFeatureCount();
 }
-const he = 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 ve extends H {
+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 = se({ blocking: !0 }), this._propWatcherTask = new J(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 ve extends H {
     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 = he;
+    this.styles = ye;
   }
   async refresh() {
     await this.processProps(), this.requestUpdate();
@@ -270,19 +274,19 @@ class ve extends H {
       layer: s ?? t,
       fieldName: i,
       hideStatistics: n
-    }, this.props.fieldInfo = oe(this.props), G(t) && j.request.interceptors?.push({
-      urls: `${ae(t)}/${t.layerId}`,
+    }, 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 a = await me(this.props);
+      const a = await pe(this.props);
       this.oneFeatureResponse = a, this.oneFeatureResponseStatus = "success";
     } catch {
       this.oneFeatureResponseStatus = "failed";
     }
-    if (F(t) || k(t) || E(t)) {
+    if (F(t) || E(t) || R(t)) {
       this.uniqueValuesStatus = "failed", this.statisticsStatus = "failed";
       return;
     }
@@ -291,7 +295,7 @@ class ve extends H {
     else {
       this.uniqueValuesStatus = "in-progress";
       try {
-        const a = await ue(this.props);
+        const a = await ce(this.props);
         this.uniqueValues = a, a?.uniqueValueInfos?.length ? this.uniqueValuesStatus = "success" : this.uniqueValuesStatus = "failed";
       } catch {
         this.uniqueValuesStatus = "failed";
@@ -302,11 +306,11 @@ class ve extends H {
     else {
       this.statisticsStatus = "in-progress";
       try {
-        const a = await le(this.props);
+        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) {
               a.totalCount = o.count + a.count;
               break;
@@ -518,7 +522,7 @@ class ve extends H {
   getIntlDateTimeFormattingOptions(e, t) {
     const i = this.getCurrentFieldFormat();
     if (!t?.useFieldFormatting)
-      return i ? t?.isTimeOnly ? ne : re : 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 ve extends H {
   }
   originalLayerSupportsFieldConfigs() {
     const { layer: e } = this;
-    return A.supportsFieldConfiguration(e);
+    return Z.supportsFieldConfiguration(e);
   }
   getPopupTemplateFieldInfo() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
@@ -574,14 +578,14 @@ class ve extends H {
     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: a, _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) || S(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(($) => {
       (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 = d.codedValues;
+    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() {
@@ -593,14 +597,14 @@ class ve extends H {
       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 a ? a.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>`;
         }
       }
     }
@@ -608,7 +612,7 @@ class ve extends H {
   }
   renderFieldStatistics() {
     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(), "") : k(a) || E(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>`;
+    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,24 +651,24 @@ class ve extends H {
     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: a } = 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 ? a.timeSpanOptions.year : u > 1 ? a.timeSpanOptions.years.replace("${years}", u.toString()) : "";
-    d += u > 0 && (o > 0 || l > 0) ? ", " : "", d += o === 1 ? a.timeSpanOptions.month : o > 1 ? a.timeSpanOptions.months.replace("${months}", o.toString()) : "", d += o > 0 && l > 0 ? ", " : "", d += l === 1 ? a.timeSpanOptions.day : l > 1 ? a.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>${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">${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: 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 ? a.topTenValues : a.topValues}</div><div>${a.count}</div></div>${o}</div>` : "";
     } else
@@ -676,9 +680,9 @@ class ve extends H {
     if (!f(s) && t) {
       const a = t.uniqueValueInfos;
       for (let m = 0; m < a.length; m++) {
-        const u = a[m];
-        if (u.value === null) {
-          s = u.count;
+        const d = a[m];
+        if (d.value === null) {
+          s = d.count;
           break;
         }
       }
@@ -686,7 +690,7 @@ class ve extends H {
     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>`;
   }
 }
-W("arcgis-field-info", ve);
+Q("arcgis-field-info", Fe);
 export {
-  ve as ArcgisFieldInfo
+  Fe as ArcgisFieldInfo
 };

package/dist/components/arcgis-unique-values-list/customElement.js

@@ -6,10 +6,10 @@ import { LitElement as K, createEvent as I } from "@arcgis/lumina";
 import { Task as Q } from "@lit/task";
 import { createRef as X, ref as L } from "lit/directives/ref.js";
 import { log as D, composeMissingPropertyMessage as N } from "@arcgis/toolkit/log";
-import { formatDate as F, convertDateFormatToIntlOptions as b, formatDateOnly as Y, formatTimeOnly as ee, formatTimestamp as U, formatNumber as te } from "@arcgis/core/intl.js";
+import { formatDate as F, convertDateFormatToIntlOptions as $, formatDateOnly as Y, formatTimeOnly as ee, formatTimestamp as U, formatNumber as te } from "@arcgis/core/intl.js";
 import ie from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import { clone as O } from "@arcgis/core/core/lang.js";
-import { g as T, i as h } from "../../chunks/commonFunctions.js";
+import { g as E, i as h } from "../../chunks/commonFunctions.js";
 import { f as S, e as z, k as B, d as Z } from "../../chunks/layer-utils.js";
 import { u as se } from "../../chunks/useT9n.js";
 function k(i) {
@@ -21,38 +21,38 @@ function R(i) {
 function ne(i, e, s) {
   let t;
   return e === "unknown" ? t = F(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: "utc",
     timeZoneName: "shortOffset"
   }) : t = F(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: e
   }), t;
 }
 function oe(i) {
-  return i ? Y(i, b("short-date")) : "";
+  return i ? Y(i, $("short-date")) : "";
 }
 function ae(i) {
   let e;
-  return typeof i == "string" ? e = ee(i, b("short-date-long-time")) : e = F(i, {
-    ...b("long-time"),
+  return typeof i == "string" ? e = ee(i, $("short-date-long-time")) : e = F(i, {
+    ...$("long-time"),
     timeZone: "utc"
   }), e;
 }
 function le(i, e) {
   return typeof i == "string" ? e && "timeZone" in e && e.timeZone === "unknown" ? U(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: "utc",
     timeZoneName: "shortOffset"
   }) : U(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: e && "timeZone" in e && e.timeZone ? e.timeZone : "system"
   }) : e && "timeZone" in e && e.timeZone === "unknown" ? F(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: "utc",
     timeZoneName: "shortOffset"
   }) : F(i, {
-    ...b("short-date-short-time"),
+    ...$("short-date-short-time"),
     timeZone: e && "timeZone" in e && e.timeZone ? e.timeZone : "system"
   });
 }
@@ -60,7 +60,7 @@ function A(i, e, s) {
   if (!S(i) && !z(i) && !B(i) && !Z(i))
     return;
   let t;
-  return T(i, s).fields.forEach((p) => {
+  return E(i, s).fields.forEach((p) => {
     const a = p.name, r = "domain" in p ? p.domain : void 0;
     if (!Z(i) && i.subtypeField === a) {
       let c;
@@ -107,7 +107,7 @@ function A(i, e, s) {
     }
   }), t;
 }
-function E(i, e) {
+function T(i, e) {
   const s = e;
   if (s) {
     let t = "";
@@ -151,7 +151,7 @@ class ue extends K {
         const u = h(e) && h(s) || h(t);
         if (!h(t) && !h(e) && !h(s) ? D("error", this, N("uniqueValues")) : h(t) || (h(e) || D("error", this, N("layer")), h(s) || D("error", this, N("fieldName"))), h(e) && h(s)) {
           const { visualizationSource: p } = this;
-          if (!T(e, p).fields?.filter((c) => c.name === s))
+          if (!E(e, p).fields?.filter((c) => c.name === s))
             throw D("error", this, "Field could not be found."), new Error();
         }
         if (!u)
@@ -185,7 +185,7 @@ class ue extends K {
     this.layer && this.fieldInfo && (setTimeout(() => this.initialRender = !1, 800), this.listNode?.setFocus());
   }
   async processProps() {
-    const { layer: e, fieldName: s, view: t, visualizationSource: u } = this, a = (e ? T(e, u) : void 0)?.fields?.filter((r) => r.name === s)?.[0];
+    const { layer: e, fieldName: s, view: t, visualizationSource: u } = this, a = (e ? E(e, u) : void 0)?.fields?.filter((r) => r.name === s)?.[0];
     if (h(this.uniqueValues))
       this.fieldInfo = {
         layerField: a,
@@ -260,20 +260,20 @@ class ue extends K {
         if (!l?.length)
           return "";
         const g = n ? ["small-integer", "big-integer", "integer", "single", "double", "long", "oid"].includes(n) : !1, v = n ? ["date", "date-only", "time-only"].includes(n) : !1, _ = (y) => {
-          y.sort(($, m) => $.count <= m.count ? 1 : -1);
+          y.sort((m, f) => m.count <= f.count ? 1 : -1);
         }, M = (y) => {
-          const $ = c?.length;
-          y.sort((m, f) => {
-            if (!$ && g)
-              return (typeof m.value == "string" ? Number.parseFloat(m.value) : m.value) - (typeof f.value == "string" ? Number.parseFloat(f.value) : f.value);
+          const m = c?.length;
+          y.sort((f, b) => {
+            if (!m && g)
+              return (typeof f.value == "string" ? Number.parseFloat(f.value) : f.value) - (typeof b.value == "string" ? Number.parseFloat(b.value) : b.value);
             {
-              const q = $ ? E(m.value, c) : m.label ?? m.value, V = $ ? E(f.value, c) : f.label ?? f.value;
+              const q = m ? T(f.value, c) : f.label ?? f.value, V = m ? T(b.value, c) : b.label ?? b.value;
               return `${q}`.startsWith("_") ? 1 : `${V}`.startsWith("_") ? -1 : `${q}`.localeCompare(`${V}`);
             }
           });
-        }, P = (y, $) => {
-          y.sort((m, f) => {
-            const q = $?.indexOf(m.value) ?? -1, V = $?.indexOf(f.value) ?? -1;
+        }, P = (y, m) => {
+          y.sort((f, b) => {
+            const q = m?.indexOf(f.value) ?? -1, V = m?.indexOf(b.value) ?? -1;
             return q === V || q > -1 && V > -1 ? 0 : q > V ? -1 : 1;
           });
         };
@@ -281,7 +281,7 @@ class ue extends K {
         const W = l.map((y) => this.renderUniqueValue(y));
         let x;
         return d && !p && (x = w`<div class="unique-values-content-list-msg">${r.errors.tooManyUniqueValues}</div>`), w`<div class="container"><calcite-list .label=${r.values} class="popover-unique-list" .filterEnabled=${l.length >= a} .selectionMode=${u ? "multiple" : "single"} .filterPlaceholder=${r.searchValues} @calciteListChange=${(y) => {
-          let m = y.target.selectedItems.map((f) => f.value);
+          let m = y.currentTarget.selectedItems.map((f) => f.value);
           !c && n === "date-only" ? m = m?.map((f) => R(f)) : !c && n === "time-only" ? m = m?.map((f) => k(f)) : n && ["date", "oid", "small-integer", "big-integer", "integer", "long"].includes(n) ? m = m?.map((f) => Number.parseInt(f)) : n && ["single", "double"].includes(n) && (m = m?.map((f) => Number.parseFloat(f))), !this.isSameLists(m, this.selectedValues) && (this.selectedValues = m, this.arcgisChange.emit(m));
         }} @calciteListFilter=${() => {
           this.dropdownNode.value && (this.dropdownNode.value.disabled = this.listNode.filteredItems.length < 4);
@@ -295,7 +295,7 @@ class ue extends K {
     return w`<calcite-dropdown slot=filter-actions-end placement=bottom-end overlay-positioning=fixed @calciteDropdownSelect=${this.onSortMenuSelect} ${L(this.dropdownNode)}><calcite-action slot=trigger .label=${u.sortValues} text><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${t === "count" || !h(t)} data-value=count>${u.sortByCount}</calcite-dropdown-item><calcite-dropdown-item .selected=${t === "name"} data-value=name>${e || s ? u.sortAscending : u.sortAlphabetical}</calcite-dropdown-item><calcite-dropdown-item .selected=${t === "selected"} data-value=selected>${u.sortSelected}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
   }
   renderUniqueValue(e) {
-    const { selectedValues: s, initialRender: t, view: u, fieldInfo: p, numberFormatOptions: a } = this, { fieldDomains: r, uniqueValueInfos: c, simpleType: l } = p, d = u && "timeZone" in u && u.timeZone || "system", o = r?.length ? E(e.value, r) : l === "date" ? ne(e.value, d) : l === "date-only" ? oe(e.value) : l === "time-only" ? ae(e.value) : l === "timestamp-offset" ? le(e.value, u) : typeof e.value == "number" ? te(e.value, a) : e.label ?? e.value, n = s ? l === "date-only" ? s.includes(r?.length ? e.value : R(e.value)) : l === "time-only" ? s.includes(r?.length ? e.value : k(e.value)) : s.includes(e.value) : !1;
+    const { selectedValues: s, initialRender: t, view: u, fieldInfo: p, numberFormatOptions: a } = this, { fieldDomains: r, uniqueValueInfos: c, simpleType: l } = p, d = u && "timeZone" in u && u.timeZone || "system", o = r?.length ? T(e.value, r) : l === "date" ? ne(e.value, d) : l === "date-only" ? oe(e.value) : l === "time-only" ? ae(e.value) : l === "timestamp-offset" ? le(e.value, u) : typeof e.value == "number" ? te(e.value, a) : e.label ?? e.value, n = s ? l === "date-only" ? s.includes(r?.length ? e.value : R(e.value)) : l === "time-only" ? s.includes(r?.length ? e.value : k(e.value)) : s.includes(e.value) : !1;
     return J(`list-item_${e.value}`, w`<calcite-list-item .label=${`${o}`} .value=${`${e.value}`} .selected=${n}>${h(e.count) && (c.length > 200 && !t || c.length <= 200) ? w`<div class="count" slot=actions-end>${`${e.count}`}</div>` : null}</calcite-list-item>`);
   }
 }