@arcgis/map-components 4.34.0-next.36 → 4.34.0-next.38

package/dist/components/arcgis-distance-measurement-2d/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const c = r`@layer{arcgis-distance-measurement-2d{display:block}}`, h = n(e);
 class d extends i {
   constructor() {

package/dist/components/arcgis-editor/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

package/dist/components/arcgis-expand/customElement.js

@@ -5,7 +5,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const d = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, c = a(e);
 class l extends s {
   constructor() {

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

@@ -7,7 +7,7 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { u as r } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const c = l`@layer{arcgis-feature{display:block}}`, m = h(a);
 class p extends n {
   constructor() {

package/dist/components/arcgis-feature-attachments/customElement.d.ts

@@ -10,6 +10,7 @@ export declare class ArcgisFeatureAttachments extends LitElement {
     displayType?: __esri.AttachmentsContent["displayType"];
     graphic?: __esri.Graphic;
     heading?: string;
-    headingLevel?: HeadingLevel;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
     messages?: ArcgisFeature["messages"];
 }

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

@@ -1,24 +1,31 @@
-import { c as e } from "../../chunks/runtime.js";
+import { c as s } from "../../chunks/runtime.js";
 import { html as t } from "lit-html";
-import { LitElement as s, noShadowRoot as a, safeClassMap as i } from "@arcgis/lumina";
+import { LitElement as e, noShadowRoot as a, safeClassMap as i } from "@arcgis/lumina";
+import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
-const r = "arcgis-feature-attachments", c = {
-  base: r
+v4.34.0-next.38 */
+const c = r`@layer{arcgis-feature-attachments{display:block}}`, n = "arcgis-feature-attachments", o = {
+  base: n
 };
-class n extends s {
+class h extends e {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
   static {
     this.properties = { description: 1, displayType: 1, graphic: 0, heading: 1, headingLevel: 9, messages: 0 };
   }
+  static {
+    this.styles = c;
+  }
   static {
     this.shadowRootOptions = a;
   }
   render() {
-    return t`<div class=${i(c.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments .graphic=${this.graphic} .displayType=${this.displayType}></arcgis-attachments></div>`;
+    return t`<div class=${i(o.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments .graphic=${this.graphic} .displayType=${this.displayType}></arcgis-attachments></div>`;
   }
 }
-e("arcgis-feature-attachments", n);
+s("arcgis-feature-attachments", h);
 export {
-  n as ArcgisFeatureAttachments
+  h as ArcgisFeatureAttachments
 };

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

@@ -7,8 +7,8 @@ import { j as n, h as u } from "../../chunks/feature-utils.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
-const p = h`@layer{arcgis-feature-content{.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}}`, c = "arcgis-feature-content", o = {
+v4.34.0-next.38 */
+const p = h`@layer{arcgis-feature-content{display:block}.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}`, c = "arcgis-feature-content", o = {
   base: c,
   loaderContainer: `${c}__loader-container`
 };

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

@@ -1,17 +1,18 @@
-import { c as s } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
-import { H as o } from "../../chunks/heading.js";
-import { LitElement as a, noShadowRoot as d, safeClassMap as r } from "@arcgis/lumina";
-import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { c as n } from "../../chunks/runtime.js";
+import { html as r } from "lit-html";
+import { H as a } from "../../chunks/heading.js";
+import { LitElement as o, noShadowRoot as c, safeClassMap as s } from "@arcgis/lumina";
+import { renderingSanitizer as l } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
-const i = "arcgis-feature-element-info", t = {
-  base: i,
-  heading: `${i}__heading`,
-  description: `${i}__description`
+v4.34.0-next.38 */
+const g = d`@layer{arcgis-feature-element-info{display:block}.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)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-line-height-fixed-base);font-weight:var(--calcite-font-weight-regular)}}`, t = "arcgis-feature-element-info", i = {
+  base: t,
+  heading: `${t}__heading`,
+  description: `${t}__description`
 };
-class l extends a {
+class m extends o {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -19,21 +20,24 @@ class l extends a {
     this.properties = { description: 1, headingLevel: 9, heading: 1 };
   }
   static {
-    this.shadowRootOptions = d;
+    this.styles = g;
+  }
+  static {
+    this.shadowRootOptions = c;
   }
   render() {
-    return n`<div class=${r(t.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+    return r`<div class=${s(i.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
   }
   _renderHeading() {
     const { heading: e } = this;
-    return e ? o({ class: t.heading, level: this.headingLevel, children: e }) : null;
+    return e ? a({ class: i.heading, level: this.headingLevel, excludeGlobalCss: !0, children: e }) : null;
   }
   _renderDescription() {
     const { description: e } = this;
-    return e ? n`<div class=${r(t.description)} .innerHTML=${c.sanitize(e) ?? ""}></div>` : null;
+    return e ? r`<div class=${s(i.description)} .innerHTML=${l.sanitize(e) ?? ""}></div>` : null;
   }
 }
-s("arcgis-feature-element-info", l);
+n("arcgis-feature-element-info", m);
 export {
-  l as ArcgisFeatureElementInfo
+  m as ArcgisFeatureElementInfo
 };

package/dist/components/arcgis-feature-expression/customElement.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+/** @private */
+export declare class ArcgisFeatureExpression extends LitElement {
+    expressionInfo?: __esri.ElementExpressionInfo;
+    graphic?: __esri.Graphic;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    interceptor?: __esri.RequestInterceptor;
+    location?: __esri.Point;
+    messages?: ArcgisFeature["messages"];
+    spatialReference?: __esri.SpatialReference;
+    map?: __esri.Map;
+    view?: __esri.View;
+}

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

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

package/dist/components/arcgis-feature-expression/index.d.ts

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-fields/customElement.d.ts

@@ -11,6 +11,7 @@ export declare class ArcgisFeatureFields extends LitElement {
     expressionInfos?: __esri.ExpressionInfo[];
     fieldInfos?: __esri.FieldInfo[];
     heading?: string;
-    headingLevel?: HeadingLevel;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
     messages?: ArcgisFeature["messages"];
 }

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

@@ -1,15 +1,15 @@
-import { c as h } from "../../chunks/runtime.js";
-import { html as d } from "lit-html";
-import { g as b } from "../../chunks/globalCss.js";
-import { addLTRMark as $, classes as I } from "@arcgis/components-utils";
-import { LitElement as F, noShadowRoot as N, safeClassMap as n } from "@arcgis/lumina";
-import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
+import { c as u } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { addLTRMark as b } from "@arcgis/components-utils";
+import { LitElement as h, noShadowRoot as $, safeClassMap as c } from "@arcgis/lumina";
+import { replace as d } from "@arcgis/core/applications/Components/stringUtils.js";
 import { e as v } from "../../chunks/feature-utils.js";
-import { renderingSanitizer as g } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { renderingSanitizer as f } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
-const A = [
+v4.34.0-next.38 */
+const I = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
     target: "_blank",
@@ -81,61 +81,63 @@ const A = [
     appName: "Microsoft Power Bi"
   }
 ];
-function _(c, s) {
-  const e = A.find((m) => m.pattern.test(s));
+function w(p, t) {
+  const e = I.find((l) => l.pattern.test(t));
   if (!e)
-    return s;
-  const i = s.match(e.pattern)?.[2], a = f(
-    f(e.label, {
-      messages: c,
-      hierPart: i
+    return t;
+  const r = t.match(e.pattern)?.[2], s = d(
+    d(e.label, {
+      messages: p,
+      hierPart: r
     }),
     {
       appName: e.appName
     }
-  ), t = e.target ? ` target="${e.target}"` : "", p = e.target === "_blank" ? ' rel="noreferrer"' : "";
-  return encodeURI(s).replace(e.pattern, `<a${t} href="$1"${p}>${a}</a>`);
+  ), i = e.target ? ` target="${e.target}"` : "", o = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return encodeURI(t).replace(e.pattern, `<a${i} href="$1"${o}>${s}</a>`);
 }
-const l = "arcgis-feature-fields", o = {
-  base: l,
-  fieldHeader: `${l}__field-header`,
-  fieldData: `${l}__field-data`,
-  fieldDataDate: `${l}__field-data--date`
+const F = _`@layer{arcgis-feature-fields{display:block}.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)}.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%}}`, g = "arcgis-feature-fields", m = {
+  base: g,
+  table: `${g}__table`
 };
-class L extends F {
+class N extends h {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
   static {
     this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, headingLevel: 9, messages: 0 };
   }
   static {
-    this.shadowRootOptions = N;
+    this.styles = F;
+  }
+  static {
+    this.shadowRootOptions = $;
   }
   get formattedFieldInfos() {
-    const { expressionInfos: s, fieldInfos: e } = this, r = [];
-    return e?.forEach((i) => {
-      if (!("visible" in i ? i.visible : !0))
+    const { expressionInfos: t, fieldInfos: e } = this, a = [];
+    return e?.forEach((r) => {
+      if (!("visible" in r ? r.visible : !0))
         return;
-      const t = i.clone();
-      t.label = v(t, s), r.push(t);
-    }), r;
+      const i = r.clone();
+      i.label = v(i, t), a.push(i);
+    }), a;
   }
   render() {
-    return d`<div class=${n(o.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+    return n`<div class=${c(m.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
   }
-  _renderFieldInfo(s) {
-    const { values: e } = this, r = s.fieldName || "", i = s.label || r, a = e ? e[r] == null ? "" : e[r] : "", t = !!s.format?.dateFormat, p = {
+  _renderFieldInfo(t) {
+    const { values: e } = this, a = t.fieldName || "", r = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", i = !!t.format?.dateFormat, o = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, m = typeof a == "number" && !t ? $(`${a}`) : typeof a == "string" ? _(p, a) : `${a}`, u = {
-      [o.fieldDataDate]: t
-    };
-    return d`<tr><th class=${n(o.fieldHeader)} .innerHTML=${g.sanitize(i) ?? ""}></th><td class=${n(I(o.fieldData, u))} .innerHTML=${g.sanitize(m) ?? ""}></td></tr>`;
+    }, l = typeof s == "number" && !i ? b(`${s}`) : typeof s == "string" ? w(o, s) : `${s}`;
+    return n`<tr><th .innerHTML=${f.sanitize(r) ?? ""}></th><td .innerHTML=${f.sanitize(l) ?? ""}></td></tr>`;
   }
   _renderFields() {
-    const { formattedFieldInfos: s } = this;
-    return s?.length ? d`<table class=${n(b.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${s.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+    const { formattedFieldInfos: t } = this;
+    return t?.length ? n`<table class=${c(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
   }
 }
-h("arcgis-feature-fields", L);
+u("arcgis-feature-fields", N);
 export {
-  L as ArcgisFeatureFields
+  N as ArcgisFeatureFields
 };

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

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.36 */
+v4.34.0-next.38 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

package/dist/components/arcgis-feature-media/customElement.d.ts

@@ -29,7 +29,8 @@ export declare class ArcgisFeatureMedia extends LitElement {
     /** @default false */
     isAggregate: boolean;
     get formattedMediaInfoCount(): number;
-    headingLevel?: HeadingLevel;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
     next(): void;
     previous(): void;
     setActiveMedia(mediaInfoIndex: number): void;