@arcgis/map-components 5.0.0-next.17 → 5.0.0-next.171

package/dist/components/arcgis-feature-element-info/customElement.js

@@ -1,17 +1,11 @@
-import { c as a } from "../../chunks/runtime.js";
-import { css as c, html as i } from "lit";
-import { H as o } from "../../chunks/heading.js";
-import { LitElement as l, safeClassMap as r } from "@arcgis/lumina";
-import { renderingSanitizer as s } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.17 */
-const g = c`.arcgis-feature-element-info__heading{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-tight)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-normal)}`, t = "arcgis-feature-element-info", n = {
-  base: t,
-  heading: `${t}__heading`,
-  description: `${t}__description`
-};
-class d extends l {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as r } from "../../chunks/runtime.js";
+import { css as n, html as i } from "lit";
+import { H as s } from "../../chunks/heading.js";
+import { LitElement as a } from "@arcgis/lumina";
+import { renderingSanitizer as t } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+const o = n`.heading{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-tight)}.description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-normal)}`;
+class c extends a {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -19,21 +13,21 @@ class d extends l {
     this.properties = { description: 1, headingLevel: 9, heading: 1 };
   }
   static {
-    this.styles = g;
+    this.styles = o;
   }
   render() {
-    return i`<div class=${r(n.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+    return i`<div class="root">${this._renderHeading()}${this._renderDescription()}</div>`;
   }
   _renderHeading() {
     const { heading: e } = this;
-    return e ? o({ class: n.heading, level: this.headingLevel, excludeGlobalCss: !0, children: i`<div .innerHTML=${s.sanitize(e) ?? ""}></div>` }) : null;
+    return e ? s({ class: "heading", level: this.headingLevel, excludeGlobalCss: !0, children: i`<div .innerHTML=${t.sanitize(e) ?? ""}></div>` }) : null;
   }
   _renderDescription() {
     const { description: e } = this;
-    return e ? i`<div class=${r(n.description)} .innerHTML=${s.sanitize(e) ?? ""}></div>` : null;
+    return e ? i`<div class="description" .innerHTML=${t.sanitize(e) ?? ""}></div>` : null;
   }
 }
-a("arcgis-feature-element-info", d);
+r("arcgis-feature-element-info", c);
 export {
-  d as ArcgisFeatureElementInfo
+  c as ArcgisFeatureElementInfo
 };

package/dist/components/arcgis-feature-expression/customElement.js

@@ -1,165 +1,42 @@
-import { c as G } from "../../chunks/runtime.js";
-import { css as X, html as v } from "lit";
-import { LitElement as D, safeClassMap as O } from "@arcgis/lumina";
-import { watch as H, when as q } from "@arcgis/core/core/reactiveUtils.js";
-import { a as $ } from "../../chunks/maybe.js";
-import { c as w, t as I } from "../../chunks/async-utils.js";
-import z from "@arcgis/core/popup/content/MediaContent.js";
-import K from "@arcgis/core/popup/content/FieldsContent.js";
-import Q from "@arcgis/core/popup/content/TextContent.js";
-import { compileExpression as Y } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
-import { s as Z } from "../../chunks/feature-utils.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.17 */
-var ee = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, W = ee || te || Function("return this")(), b = W.Symbol, J = Object.prototype, ne = J.hasOwnProperty, ie = J.toString, T = b ? b.toStringTag : void 0;
-function re(e) {
-  var t = ne.call(e, T), i = e[T];
-  try {
-    e[T] = void 0;
-    var n = !0;
-  } catch {
-  }
-  var r = ie.call(e);
-  return n && (t ? e[T] = i : delete e[T]), r;
-}
-var ae = Object.prototype, se = ae.toString;
-function oe(e) {
-  return se.call(e);
-}
-var le = "[object Null]", ce = "[object Undefined]", L = b ? b.toStringTag : void 0;
-function fe(e) {
-  return e == null ? e === void 0 ? ce : le : L && L in Object(e) ? re(e) : oe(e);
-}
-function ue(e) {
-  return e != null && typeof e == "object";
-}
-var de = "[object Symbol]";
-function me(e) {
-  return typeof e == "symbol" || ue(e) && fe(e) == de;
-}
-var pe = /\s/;
-function he(e) {
-  for (var t = e.length; t-- && pe.test(e.charAt(t)); )
-    ;
-  return t;
-}
-var ge = /^\s+/;
-function ve(e) {
-  return e && e.slice(0, he(e) + 1).replace(ge, "");
-}
-function x(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var C = NaN, Te = /^[-+]0x[0-9a-f]+$/i, ye = /^0b[01]+$/i, be = /^0o[0-7]+$/i, xe = parseInt;
-function A(e) {
-  if (typeof e == "number")
-    return e;
-  if (me(e))
-    return C;
-  if (x(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = x(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = ve(e);
-  var i = ye.test(e);
-  return i || be.test(e) ? xe(e.slice(2), i ? 2 : 8) : Te.test(e) ? C : +e;
-}
-var k = function() {
-  return W.Date.now();
-}, _e = "Expected a function", $e = Math.max, Ie = Math.min;
-function ke(e, t, i) {
-  var n, r, o, l, a, c, u = 0, h = !1, d = !1, p = !0;
-  if (typeof e != "function")
-    throw new TypeError(_e);
-  t = A(t) || 0, x(i) && (h = !!i.leading, d = "maxWait" in i, o = d ? $e(A(i.maxWait) || 0, t) : o, p = "trailing" in i ? !!i.trailing : p);
-  function f(s) {
-    var m = n, g = r;
-    return n = r = void 0, u = s, l = e.apply(g, m), l;
-  }
-  function P(s) {
-    return u = s, a = setTimeout(y, t), h ? f(s) : l;
-  }
-  function V(s) {
-    var m = s - c, g = s - u, E = t - m;
-    return d ? Ie(E, o - g) : E;
-  }
-  function S(s) {
-    var m = s - c, g = s - u;
-    return c === void 0 || m >= t || m < 0 || d && g >= o;
-  }
-  function y() {
-    var s = k();
-    if (S(s))
-      return j(s);
-    a = setTimeout(y, V(s));
-  }
-  function j(s) {
-    return a = void 0, p && n ? f(s) : (n = r = void 0, l);
-  }
-  function B() {
-    a !== void 0 && clearTimeout(a), u = 0, n = c = r = a = void 0;
-  }
-  function U() {
-    return a === void 0 ? l : j(k());
-  }
-  function _() {
-    var s = k(), m = S(s);
-    if (n = arguments, r = this, c = s, m) {
-      if (a === void 0)
-        return P(c);
-      if (d)
-        return clearTimeout(a), a = setTimeout(y, t), f(c);
-    }
-    return a === void 0 && (a = setTimeout(y, t)), l;
-  }
-  return _.cancel = B, _.flush = U, _;
-}
-var Se = "Expected a function";
-function M(e, t, i) {
-  var n = !0, r = !0;
-  if (typeof e != "function")
-    throw new TypeError(Se);
-  return x(i) && (n = "leading" in i ? !!i.leading : n, r = "trailing" in i ? !!i.trailing : r), ke(e, t, {
-    leading: n,
-    maxWait: t,
-    trailing: r
-  });
-}
-const je = X`.arcgis-feature-expression__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}`, R = 1, N = "arcgis-feature", F = {
-  // widget
-  base: `${N}-expression`,
-  // loading
-  loadingSpinnerContainer: `${N}__loading-container`
-};
-class Ee extends D {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as T } from "../../chunks/runtime.js";
+import { css as x, html as c } from "lit";
+import { LitElement as y } from "@arcgis/lumina";
+import { watch as k, when as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { a as p } from "../../chunks/maybe.js";
+import { c as v, t as m } from "../../chunks/async-utils.js";
+import { throttle as g } from "lodash-es";
+import I from "@arcgis/core/popup/content/MediaContent.js";
+import w from "@arcgis/core/popup/content/FieldsContent.js";
+import E from "@arcgis/core/popup/content/TextContent.js";
+import { compileExpression as L } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
+import { s as A } from "../../chunks/feature-utils.js";
+const b = x`.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}`, _ = 1;
+class C extends y {
   constructor() {
-    super(...arguments), this._compileThrottled = M(this._startCompile, R), this._evaluateThrottled = M(this._startEvaluate, R), this.headingLevel = 2;
+    super(...arguments), this._compileThrottled = g(this._startCompile, _), this._evaluateThrottled = g(this._startEvaluate, _), this.headingLevel = 2;
   }
   static {
     this.properties = { _compileTask: 16, _evaluateTask: 16, values: 0, fieldInfoMap: 0, expressionInfo: 0, graphic: 0, headingLevel: 9, interceptor: 0, location: 0, messages: 0, spatialReference: 0, map: 0, view: 0 };
   }
   static {
-    this.styles = je;
+    this.styles = b;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      H(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
-      q(() => {
+      k(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      $(() => {
         if (!this._compileTask?.finished)
           return null;
-        const t = this._compileTask.value, i = t?.dependencies, { view: n } = this;
+        const t = this._compileTask.value, s = t?.dependencies, { view: e } = this;
         return [
           t,
           this.spatialReference,
           this.map,
-          n,
-          i?.has("view-scale") && n && "scale" in n ? n.scale : null,
-          i?.has("view-time-extent") ? n?.timeExtent?.start : null,
-          i?.has("view-time-extent") ? n?.timeExtent?.end : null
+          e,
+          s?.has("view-scale") && e && "scale" in e ? e.scale : null,
+          s?.has("view-time-extent") ? e?.timeExtent?.start : null,
+          s?.has("view-time-extent") ? e?.timeExtent?.end : null
         ];
       }, ([t]) => this._evaluateThrottled(t)),
       {
@@ -171,75 +48,72 @@ class Ee extends D {
     this._compileThrottled.cancel(), this._evaluateThrottled.cancel();
   }
   _startCompile() {
-    this._evaluateTask = $(this._evaluateTask), this._compileTask = $(this._compileTask), this._compileTask = w(async (t) => {
-      const { expressionInfo: i, graphic: n } = this, r = i?.expression;
-      if (!r || !n)
+    this._evaluateTask = p(this._evaluateTask), this._compileTask = p(this._compileTask), this._compileTask = v(async (t) => {
+      const { expressionInfo: s, graphic: e } = this, i = s?.expression;
+      if (!i || !e)
         return null;
-      const o = await Y({
-        expression: r,
-        graphic: n
+      const a = await L({
+        expression: i,
+        graphic: e
       });
-      return I(t), o;
+      return m(t), a;
     });
   }
   _startEvaluate(t) {
-    this._evaluateTask = $(this._evaluateTask), this._evaluateTask = w(async (i) => {
-      const { graphic: n } = this;
-      if (!t || !n)
+    this._evaluateTask = p(this._evaluateTask), this._evaluateTask = v(async (s) => {
+      const { graphic: e } = this;
+      if (!t || !e)
         return null;
-      const { interceptor: r, spatialReference: o, map: l, location: a, view: c } = this, u = await t.evaluate({
-        graphic: n,
-        interceptor: r,
-        location: a,
-        map: l,
-        options: { signal: i },
-        spatialReference: o,
-        view: c
+      const { interceptor: i, spatialReference: a, map: r, location: l, view: o } = this, h = await t.evaluate({
+        graphic: e,
+        interceptor: i,
+        location: l,
+        map: r,
+        options: { signal: s },
+        spatialReference: a,
+        view: o
       });
-      I(i);
-      const h = u && "castAsJsonAsync" in u && typeof u.castAsJsonAsync == "function" ? u : null;
-      if (!h)
+      m(s);
+      const f = h && "castAsJsonAsync" in h && typeof h.castAsJsonAsync == "function" ? h : null;
+      if (!f)
         return null;
-      const d = await h.castAsJsonAsync(i);
-      I(i);
-      const p = d?.type, f = p === "media" ? z.fromJSON(d) : p === "text" ? Q.fromJSON(d) : p === "fields" ? K.fromJSON(d) : null;
-      return !f || f.type === "media" && !f.mediaInfos || f.type === "fields" && !f.fieldInfos || f.type === "text" && !f.text ? null : f;
+      const d = await f.castAsJsonAsync(s);
+      m(s);
+      const u = d?.type, n = u === "media" ? I.fromJSON(d) : u === "text" ? E.fromJSON(d) : u === "fields" ? w.fromJSON(d) : null;
+      return !n || n.type === "media" && !n.mediaInfos || n.type === "fields" && !n.fieldInfos || n.type === "text" && !n.text ? null : n;
     });
   }
   render() {
     const t = !this._compileTask?.finished || !this._evaluateTask?.finished;
-    return v`<div class=${O(F.base)}>${t ? this._renderLoading() : this._evaluateTask?.value ? this._renderContent() : null}</div>`;
+    return c`<div class="root">${t ? this._renderLoading() : this._evaluateTask?.value ? this._renderContent() : null}</div>`;
   }
   _renderContent() {
-    const { values: t, fieldInfoMap: i } = this, n = this._evaluateTask?.value, r = n?.type;
-    if (!r)
+    const { values: t, fieldInfoMap: s } = this, e = this._evaluateTask?.value, i = e?.type, a = { ...t, ...e?.attributes };
+    if (!i)
       return null;
-    if (r === "text") {
-      const o = Z({
-        values: t,
-        fieldInfoMap: i ?? /* @__PURE__ */ new Map(),
-        globalValues: t ?? {},
+    if (i === "text") {
+      const r = A({
+        values: a,
+        fieldInfoMap: s ?? /* @__PURE__ */ new Map(),
+        globalValues: a,
         layer: void 0,
-        text: n.text
+        text: e.text
       });
-      return v`<arcgis-feature-content .creator=${o} .graphic=${this.graphic}></arcgis-feature-content>`;
-    } else if (r === "media") {
-      const { title: o, description: l, mediaInfos: a } = n;
-      if (!a?.length)
-        return null;
-      const c = { ...t, ...n.attributes };
-      return v`<arcgis-feature-media .heading=${o ?? ""} .values=${c} .formattedValues=${c} .description=${l ?? ""} .mediaInfos=${a} .messages=${this.messages} .headingLevel=${this.headingLevel}></arcgis-feature-media>`;
-    } else if (r === "fields") {
-      const { title: o, description: l, fieldInfos: a } = n;
-      return a?.length ? v`<arcgis-feature-fields .fieldInfos=${a} .heading=${o ?? ""} .description=${l ?? ""} .headingLevel=${this.headingLevel} .messages=${this.messages}></arcgis-feature-fields>` : null;
+      return c`<arcgis-feature-content .creator=${r} .graphic=${this.graphic}></arcgis-feature-content>`;
+    } else if (i === "media") {
+      const { title: r, description: l, mediaInfos: o } = e;
+      return o?.length ? c`<arcgis-feature-media .heading=${r ?? ""} .values=${a} .formattedValues=${a} .description=${l ?? ""} .mediaInfos=${o} .messages=${this.messages} .headingLevel=${this.headingLevel}></arcgis-feature-media>` : null;
+    } else if (i === "fields") {
+      const { title: r, description: l, fieldInfos: o } = e;
+      return o?.length ? c`<arcgis-feature-fields .fieldInfos=${o} .heading=${r ?? ""} .values=${a} .description=${l ?? ""} .headingLevel=${this.headingLevel} .messages=${this.messages}></arcgis-feature-fields>` : null;
     }
     return null;
   }
   _renderLoading() {
-    return v`<div class=${O(F.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`;
+    return c`<div class="loading-container"><calcite-loader inline label></calcite-loader></div>`;
   }
 }
-G("arcgis-feature-expression", Ee);
+T("arcgis-feature-expression", C);
 export {
-  Ee as ArcgisFeatureExpression
+  C as ArcgisFeatureExpression
 };

package/dist/components/arcgis-feature-fields/customElement.js

@@ -1,14 +1,12 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
-import { css as b, html as p } from "lit";
+import { css as f, html as p } from "lit";
 import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { LitElement as $, safeClassMap as f } from "@arcgis/lumina";
-import { addLtrMark as v } from "@arcgis/toolkit/string";
-import { h as _, k as I, l as w, m as F } from "../../chunks/feature-utils.js";
+import { LitElement as b } from "@arcgis/lumina";
+import { addLtrMark as u } from "@arcgis/toolkit/string";
+import { j as v, k as $, l as w } from "../../chunks/feature-utils.js";
 import { replace as g } from "@arcgis/core/applications/Components/stringUtils.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.17 */
-const N = [
+const I = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
     target: "_blank",
@@ -80,11 +78,11 @@ const N = [
     appName: "Microsoft Power Bi"
   }
 ];
-function y(d, t) {
-  const e = N.find((n) => n.pattern.test(t));
+function F(d, t) {
+  const e = I.find((l) => l.pattern.test(t));
   if (!e)
     return t;
-  const i = t.match(e.pattern)?.[2], s = g(
+  const i = t.match(e.pattern)?.[2], a = g(
     g(e.label, {
       messages: d,
       hierPart: i
@@ -92,14 +90,11 @@ function y(d, t) {
     {
       appName: e.appName
     }
-  ), l = e.target ? ` target="${e.target}"` : "", r = e.target === "_blank" ? ' rel="noreferrer"' : "";
-  return c.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${l} href="$1"${r}>${s}</a>`);
+  ), n = e.target ? ` target="${e.target}"` : "", r = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return c.sanitizeUrl(new URL(t, window.location.origin === "null" ? void 0 : window.location.origin).toString()).replace(e.pattern, `<a${n} href="$1"${r}>${a}</a>`);
 }
-const A = b`.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}`, m = "arcgis-feature-fields", u = {
-  base: m,
-  table: `${m}__table`
-};
-class k extends $ {
+const N = f`.table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.table tr a{color:var(--calcite-color-text-link)}.table tr a:hover,.table tr a:focus{color:var(--calcite-color-brand-hover)}.table tr td,.table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-normal)}.table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.table tr td{width:50%}`;
+class y extends b {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -107,37 +102,39 @@ class k extends $ {
     this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, isContentFieldInfos: 5, graphic: 0, layer: 0, headingLevel: 9, messages: 0 };
   }
   static {
-    this.styles = A;
+    this.styles = N;
   }
   get formattedFieldInfos() {
-    const { expressionInfos: t, fieldInfos: e, layer: a, graphic: i, isContentFieldInfos: s } = this, l = [];
+    const { expressionInfos: t, fieldInfos: e, layer: s, graphic: i, isContentFieldInfos: a } = this, n = [];
     return e?.forEach((r) => {
       if (!("visible" in r ? r.visible : !0))
         return;
       const o = r.clone();
-      o.label = _({ fieldInfo: o, expressionInfos: t, layer: a, graphic: i, isContentFieldInfos: s }), I(a) && w({ fieldInfo: r, graphic: i }) && (o.fieldFormat = F({
+      o.label = v({ fieldInfo: o, expressionInfos: t, layer: s, graphic: i, isContentFieldInfos: a });
+      const m = $({ fieldInfo: r, graphic: i, layer: s });
+      m && (o.fieldFormat = w({
+        configurableFieldsContainer: m,
         fieldInfo: o,
-        isContentFieldInfos: s,
-        layer: a
-      })), l.push(o);
-    }), l;
+        isContentFieldInfos: a
+      })), n.push(o);
+    }), n;
   }
   render() {
-    return p`<div class=${f(u.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+    return p`<div class="root"><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
   }
   _renderFieldInfo(t) {
-    const { values: e } = this, a = t.fieldName || "", i = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", l = t?.fieldFormat?.type === "date-time", r = {
+    const { values: e } = this, s = t.fieldName || "", i = t.label || s, a = e ? e[s] == null ? "" : e[s] : "", n = t?.fieldFormat?.type === "date-time", r = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, n = typeof s == "number" && !l ? v(`${s}`) : typeof s == "string" ? y(r, s) : `${s}`;
-    return p`<tr><th .innerHTML=${c.sanitize(i) ?? ""}></th><td .innerHTML=${c.sanitize(n) ?? ""}></td></tr>`;
+    }, l = typeof a == "number" && !n ? u(`${a}`) : typeof a == "string" ? F(r, a) : `${a}`;
+    return p`<tr><th .innerHTML=${c.sanitize(i) ?? ""}></th><td .innerHTML=${c.sanitize(l) ?? ""}></td></tr>`;
   }
   _renderFields() {
     const { formattedFieldInfos: t } = this;
-    return t?.length ? p`<table class=${f(u.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+    return t?.length ? p`<table class="table"><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
   }
 }
-h("arcgis-feature-fields", k);
+h("arcgis-feature-fields", y);
 export {
-  k as ArcgisFeatureFields
+  y as ArcgisFeatureFields
 };