@arcgis/map-components 4.34.0-next.4 → 4.34.0-next.41

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

@@ -0,0 +1,66 @@
+import { c as l } from "../../chunks/runtime.js";
+import { html as r } from "lit-html";
+import { ref as g } from "lit-html/directives/ref.js";
+import { LitElement as f, noShadowRoot as d, safeClassMap as i } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+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.41 */
+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`
+};
+class v extends f {
+  static {
+    this.properties = { _loadingPromise: 16, _created: 16, creator: 1, destroyer: 0, graphic: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  static {
+    this.shadowRootOptions = d;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => m(() => this.creator, (t) => {
+      this._destroyContent(), this._createContent(t);
+    }, { initial: !0 }));
+  }
+  async _createContent(t) {
+    const { graphic: e } = this;
+    if (!e || !t)
+      return;
+    const a = n({
+      type: "content",
+      value: t,
+      event: { graphic: e }
+    });
+    this._loadingPromise = a;
+    const s = await a;
+    a === this._loadingPromise && (this._loadingPromise = void 0, this._created = s);
+  }
+  _destroyContent() {
+    const { _created: t, graphic: e, destroyer: a } = this;
+    t && e && (n({ type: "content", value: a, event: { graphic: e } }), this._created = null);
+  }
+  _addTargetToAnchors(t) {
+    Array.from(t.querySelectorAll("a")).forEach((e) => {
+      u(e.href) && !e.hasAttribute("target") && e.setAttribute("target", "_blank");
+    });
+  }
+  render() {
+    return r`<div class=${i(o.base)}>${this._loadingPromise ? this._renderLoading() : this._renderCreated()}</div>`;
+  }
+  _renderLoading() {
+    return r`<div class=${i(o.loaderContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+  _renderCreated() {
+    const { _created: t } = this;
+    return t instanceof HTMLElement ? t : typeof t == "string" ? r`<div .innerHTML=${t ?? ""} ${g(this._addTargetToAnchors)}></div>` : null;
+  }
+}
+l("arcgis-feature-content", v);
+export {
+  v as ArcgisFeatureContent
+};

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

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-element-info/customElement.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="../../index.d.ts" />
+import { HeadingLevel } from '../../support/heading';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/** @private */
+export declare class ArcgisFeatureElementInfo extends LitElement {
+    description?: string;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    heading?: string;
+}

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

@@ -0,0 +1,43 @@
+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.41 */
+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 m extends o {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { description: 1, headingLevel: 9, heading: 1 };
+  }
+  static {
+    this.styles = g;
+  }
+  static {
+    this.shadowRootOptions = c;
+  }
+  render() {
+    return r`<div class=${s(i.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+  }
+  _renderHeading() {
+    const { heading: e } = this;
+    return e ? a({ class: i.heading, level: this.headingLevel, excludeGlobalCss: !0, children: e }) : null;
+  }
+  _renderDescription() {
+    const { description: e } = this;
+    return e ? r`<div class=${s(i.description)} .innerHTML=${l.sanitize(e) ?? ""}></div>` : null;
+  }
+}
+n("arcgis-feature-element-info", m);
+export {
+  m as ArcgisFeatureElementInfo
+};

package/dist/components/arcgis-feature-element-info/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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,242 @@
+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 $ } from "../../chunks/maybe.js";
+import { c as w, t as k } 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.41 */
+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")(), b = F.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), 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 = b ? b.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, _e = 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) ? _e(e.slice(2), n ? 2 : 8) : Te.test(e) ? L : +e;
+}
+var S = function() {
+  return F.Date.now();
+}, xe = "Expected a function", $e = Math.max, ke = Math.min;
+function Se(e, t, n) {
+  var i, r, s, l, o, d, f = 0, p = !1, u = !1, h = !0;
+  if (typeof e != "function")
+    throw new TypeError(xe);
+  t = A(t) || 0, _(n) && (p = !!n.leading, u = "maxWait" in n, s = u ? $e(A(n.maxWait) || 0, t) : s, h = "trailing" in n ? !!n.trailing : h);
+  function c(a) {
+    var m = i, g = r;
+    return i = r = void 0, f = a, l = e.apply(g, m), l;
+  }
+  function P(a) {
+    return f = a, o = setTimeout(y, t), p ? c(a) : l;
+  }
+  function B(a) {
+    var m = a - d, g = a - f, I = t - m;
+    return u ? ke(I, s - g) : I;
+  }
+  function j(a) {
+    var m = a - d, g = a - f;
+    return d === void 0 || m >= t || m < 0 || u && g >= s;
+  }
+  function y() {
+    var a = S();
+    if (j(a))
+      return E(a);
+    o = setTimeout(y, B(a));
+  }
+  function E(a) {
+    return o = void 0, h && i ? c(a) : (i = r = void 0, l);
+  }
+  function U() {
+    o !== void 0 && clearTimeout(o), f = 0, i = d = r = o = void 0;
+  }
+  function G() {
+    return o === void 0 ? l : E(S());
+  }
+  function x() {
+    var a = S(), m = j(a);
+    if (i = arguments, r = this, d = a, m) {
+      if (o === void 0)
+        return P(d);
+      if (u)
+        return clearTimeout(o), o = setTimeout(y, t), c(d);
+    }
+    return o === void 0 && (o = setTimeout(y, t)), l;
+  }
+  return x.cancel = U, x.flush = G, x;
+}
+var je = "Expected a function";
+function R(e, t, n) {
+  var i = !0, r = !0;
+  if (typeof e != "function")
+    throw new TypeError(je);
+  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 Ee = 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 = Ee;
+  }
+  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 = $(this._evaluateTask), this._compileTask = $(this._compileTask), this._compileTask = w(async (t) => {
+      const { expressionInfo: n, graphic: i } = this, r = n?.expression;
+      if (!r || !i)
+        return null;
+      const s = await Y({
+        expression: r,
+        graphic: i
+      });
+      return k(t), s;
+    });
+  }
+  _startEvaluate(t) {
+    this._evaluateTask = $(this._evaluateTask), this._evaluateTask = w(async (n) => {
+      const { graphic: i } = this;
+      if (!t || !i)
+        return null;
+      const { interceptor: r, spatialReference: s, map: l, location: o, view: d } = this, f = await t.evaluate({
+        graphic: i,
+        interceptor: r,
+        location: o,
+        map: l,
+        options: { signal: n },
+        spatialReference: s,
+        view: d
+      });
+      k(n);
+      const p = f && "castAsJsonAsync" in f && typeof f.castAsJsonAsync == "function" ? f : null;
+      if (!p)
+        return null;
+      const u = await p.castAsJsonAsync(n);
+      k(n);
+      const h = u?.type, c = h === "media" ? z.fromJSON(u) : h === "text" ? Q.fromJSON(u) : h === "fields" ? K.fromJSON(u) : null;
+      return !c || c.type === "media" && !c.mediaInfos || c.type === "fields" && !c.fieldInfos || c.type === "text" && !c.text ? null : c;
+    });
+  }
+  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: s } = t;
+      if (!s?.length)
+        return null;
+      const l = t.attributes;
+      return v`<arcgis-feature-media .heading=${i ?? ""} .values=${l} .formattedValues=${l} .description=${r ?? ""} .mediaInfos=${s} .messages=${this.messages} .headingLevel=${this.headingLevel}></arcgis-feature-media>`;
+    } else if (n === "fields") {
+      const { title: i, description: r, fieldInfos: s } = t;
+      return s?.length ? v`<arcgis-feature-fields .fieldInfos=${s} .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

@@ -0,0 +1,17 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { HeadingLevel } from '../../support/heading';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+/** @private */
+export declare class ArcgisFeatureFields extends LitElement {
+    values?: HashMap<number | string>;
+    description?: string;
+    expressionInfos?: __esri.ExpressionInfo[];
+    fieldInfos?: __esri.FieldInfo[];
+    heading?: string;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    messages?: ArcgisFeature["messages"];
+}

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

@@ -0,0 +1,143 @@
+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 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.41 */
+const I = [
+  {
+    pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
+    target: "_blank",
+    label: "{messages.view}"
+  },
+  {
+    pattern: /^\s*(tel:([^\s]+))\s*$/iu,
+    label: "{hierPart}"
+  },
+  {
+    pattern: /^\s*(mailto:([^\s]+))\s*$/iu,
+    label: "{hierPart}"
+  },
+  // ArcGIS Apps
+  {
+    pattern: /^\s*(arcgis-appstudio-player:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "App Studio Player"
+  },
+  {
+    pattern: /^\s*(arcgis-collector:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Collector"
+  },
+  {
+    pattern: /^\s*(arcgis-explorer:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Explorer"
+  },
+  {
+    pattern: /^\s*(arcgis-navigator:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Navigator"
+  },
+  {
+    pattern: /^\s*(arcgis-survey123:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Survey123"
+  },
+  {
+    pattern: /^\s*(arcgis-trek2there:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Trek2There"
+  },
+  {
+    pattern: /^\s*(arcgis-workforce:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Workforce"
+  },
+  // Third-Party Apps
+  {
+    pattern: /^\s*(iform:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "iForm"
+  },
+  {
+    pattern: /^\s*(flow:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "FlowFinity"
+  },
+  {
+    pattern: /^\s*(lfmobile:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Laserfische"
+  },
+  {
+    pattern: /^\s*(mspbi:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Microsoft Power Bi"
+  }
+];
+function w(p, t) {
+  const e = I.find((l) => l.pattern.test(t));
+  if (!e)
+    return t;
+  const r = t.match(e.pattern)?.[2], s = d(
+    d(e.label, {
+      messages: p,
+      hierPart: r
+    }),
+    {
+      appName: e.appName
+    }
+  ), 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 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 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.styles = F;
+  }
+  static {
+    this.shadowRootOptions = $;
+  }
+  get formattedFieldInfos() {
+    const { expressionInfos: t, fieldInfos: e } = this, a = [];
+    return e?.forEach((r) => {
+      if (!("visible" in r ? r.visible : !0))
+        return;
+      const i = r.clone();
+      i.label = v(i, t), a.push(i);
+    }), a;
+  }
+  render() {
+    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(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 ?? ""
+    }, 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: 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;
+  }
+}
+u("arcgis-feature-fields", N);
+export {
+  N as ArcgisFeatureFields
+};

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

@@ -0,0 +1,2 @@
+import "../arcgis-feature-element-info/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "../arcgis-feature-element-info/index.js";
+export * from "./customElement.js";

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

@@ -80,9 +80,14 @@ export declare class ArcgisFeatureForm extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#layer)
      */
-    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer | __esri.KnowledgeGraphSublayer;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The widget's state.
@@ -97,7 +102,7 @@ export declare class ArcgisFeatureForm extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#timeZone)
      */
-    timeZone: string;
+    timeZone: string | nullish;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Returns all of the field values, regardless of update status. */

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.4 */
+v4.34.0-next.41 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

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

@@ -0,0 +1 @@
+export declare const esriChartColorSet: import('@amcharts/amcharts5/index.js').Color[];

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

@@ -0,0 +1,38 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
+import { RelatedInfo } from '../../utils/related-feature-utils';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+type MediaInfo = __esri.BarChartMediaInfo | __esri.ColumnChartMediaInfo | __esri.ImageMediaInfo | __esri.LineChartMediaInfo | __esri.PieChartMediaInfo;
+/** @private */
+export declare class ArcgisFeatureMedia extends LitElement {
+    messages?: ArcgisFeature["messages"];
+    values?: HashMap<number | string>;
+    /** @default 0 */
+    activeMediaInfoIndex: number;
+    /** @default false */
+    chartAnimationDisabled: boolean;
+    get activeMediaInfo(): MediaInfo | Nil;
+    get formattedMediaInfos(): MediaInfo[];
+    description?: string;
+    fieldInfoMap?: Map<string, __esri.FieldInfo>;
+    layer?: __esri.Layer;
+    mediaInfos?: MediaInfo[];
+    popupTemplate?: __esri.PopupTemplate;
+    relatedInfos?: Map<string, RelatedInfo>;
+    formattedValues?: HashMap<number | string>;
+    expressionValues?: HashMap<number | string>;
+    heading?: string;
+    /** @default false */
+    isAggregate: boolean;
+    get formattedMediaInfoCount(): number;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    next(): void;
+    previous(): void;
+    setActiveMedia(mediaInfoIndex: number): void;
+}
+export {};