@arcgis/map-components 4.34.0-next.9 → 4.34.0-next.91

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

@@ -0,0 +1,245 @@
+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/4.34/esri/copyright.txt for details.
+v4.34.0-next.91 */
+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{display:block}.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 {
+  constructor() {
+    super(...arguments), this._compileThrottled = M(this._startCompile, R), this._evaluateThrottled = M(this._startEvaluate, R), 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;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      H(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      q(() => {
+        if (!this._compileTask?.finished)
+          return null;
+        const t = this._compileTask.value, i = t?.dependencies, { view: n } = 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
+        ];
+      }, ([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: i, graphic: n } = this, r = i?.expression;
+      if (!r || !n)
+        return null;
+      const o = await Y({
+        expression: r,
+        graphic: n
+      });
+      return I(t), o;
+    });
+  }
+  _startEvaluate(t) {
+    this._evaluateTask = $(this._evaluateTask), this._evaluateTask = w(async (i) => {
+      const { graphic: n } = this;
+      if (!t || !n)
+        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
+      });
+      I(i);
+      const h = u && "castAsJsonAsync" in u && typeof u.castAsJsonAsync == "function" ? u : null;
+      if (!h)
+        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;
+    });
+  }
+  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>`;
+  }
+  _renderContent() {
+    const { values: t, fieldInfoMap: i } = this, n = this._evaluateTask?.value, r = n?.type;
+    if (!r)
+      return null;
+    if (r === "text") {
+      const o = Z({
+        values: t,
+        fieldInfoMap: i ?? /* @__PURE__ */ new Map(),
+        globalValues: t ?? {},
+        layer: void 0,
+        text: n.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 null;
+  }
+  _renderLoading() {
+    return v`<div class=${O(F.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+}
+G("arcgis-feature-expression", Ee);
+export {
+  Ee 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 path="../../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 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,139 @@
+import { c as u } from "../../chunks/runtime.js";
+import { css as b, html as n } from "lit";
+import { renderingSanitizer as p } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { LitElement as h, safeClassMap as d } from "@arcgis/lumina";
+import { addLtrMark as $ } from "@arcgis/toolkit/string";
+import { e as v } 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/4.34/esri/copyright.txt for details.
+v4.34.0-next.91 */
+const _ = [
+  {
+    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(c, t) {
+  const e = _.find((o) => o.pattern.test(t));
+  if (!e)
+    return t;
+  const r = t.match(e.pattern)?.[2], s = g(
+    g(e.label, {
+      messages: c,
+      hierPart: r
+    }),
+    {
+      appName: e.appName
+    }
+  ), i = e.target ? ` target="${e.target}"` : "", l = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return p.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${i} href="$1"${l}>${s}</a>`);
+}
+const I = b`:host{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%}`, f = "arcgis-feature-fields", m = {
+  base: f,
+  table: `${f}__table`
+};
+class F 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 = I;
+  }
+  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=${d(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, l = {
+      openInApp: this.messages?.openInApp ?? "",
+      view: this.messages?.view ?? ""
+    }, o = typeof s == "number" && !i ? $(`${s}`) : typeof s == "string" ? w(l, s) : `${s}`;
+    return n`<tr><th .innerHTML=${p.sanitize(r) ?? ""}></th><td .innerHTML=${p.sanitize(o) ?? ""}></td></tr>`;
+  }
+  _renderFields() {
+    const { formattedFieldInfos: t } = this;
+    return t?.length ? n`<table class=${d(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+  }
+}
+u("arcgis-feature-fields", F);
+export {
+  F 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

@@ -1,16 +1,16 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { default as FeatureForm } from '@arcgis/core/widgets/FeatureForm.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useFeatureFormWidget: (component: LitElement & Pick<FeatureForm, "icon" | "label" | "viewModel" | "timeZone" | "headingLevel" | "layer" | "feature" | "formTemplate" | "groupDisplay"> & {
+declare const useFeatureFormWidget: (component: LitElement & Pick<FeatureForm, "icon" | "label" | "timeZone" | "layer" | "feature" | "viewModel" | "headingLevel" | "formTemplate" | "groupDisplay"> & {
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
@@ -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. */
@@ -108,7 +113,7 @@ export declare class ArcgisFeatureForm extends LitElement {
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
     /** Fires when a field value is updated. */

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

@@ -1,24 +1,21 @@
-import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/lumina/controllers";
-import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
-import s from "@arcgis/core/widgets/FeatureForm.js";
-import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as t } from "@arcgis/lumina/controllers";
+import { reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import r from "@arcgis/core/widgets/FeatureForm.js";
+import { LitElement as o, createEvent as a } from "@arcgis/lumina";
+import { m as n } from "../../chunks/useWidget.js";
+import { css as s } from "lit";
 /*! 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.9 */
-const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
-class n extends r {
+v4.34.0-next.91 */
+const l = s`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:block}.esri-feature-form{letter-spacing:0em;background:var(--calcite-color-background);padding:var(--esri-widget-padding)}.esri-feature-form .esri-feature-utility-network-associations,.esri-feature-form .esri-feature-form-utility-network-association-list{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info__description{color:var(--calcite-color-text-2)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info h5{font-size:inherit}.esri-feature-form__form{flex-direction:column;display:flex}.esri-feature-form__centered-button{align-self:center}.esri-feature-form__description-text{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-sm)}.esri-feature-form__list-observer{z-index:2;text-align:center;position:relative;bottom:var(--calcite-spacing-xxl)}.esri-feature-form__related-records_header{margin-bottom:var(--calcite-spacing-xs);display:flex}.esri-feature-form__related-records_header span{flex-grow:1}.esri-feature-form__related-records_label calcite-notice,.esri-feature-form__related-records_label .esri-feature-form__description-text{margin-bottom:var(--calcite-spacing-xs)}.esri-feature-form__related-records_list{min-height:40px;margin-bottom:var(--calcite-spacing-xs)}label.esri-feature-form__label{gap:.5em;margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__label{opacity:1;flex-direction:column;justify-content:space-between;margin-bottom:var(--calcite-spacing-xs);transition:opacity .25s,margin .25s;display:flex;position:relative}.esri-feature-form__label:last-child{margin-bottom:0}.esri-feature-form__label-text-content{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;align-items:center;display:flex}.esri-feature-form__form-header{margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__form-header .esri-feature-form__description-text~.esri-widget__heading{margin-bottom:0}.esri-feature-form__input{width:100%}.esri-feature-form__input:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}textarea.esri-feature-form__input{resize:vertical}.esri-feature-form__input--disabled{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__field-error-message{padding:7px 0;font-size:var(--calcite-font-size-sm)}.esri-feature-form__date-input-container{flex-direction:column;display:flex}.esri-feature-form__date-input-container .esri-feature-form__input{margin-bottom:3px}.esri-feature-form__date-input-container :last-child{margin-bottom:0}.esri-feature-form__input--radio-group{flex-direction:column;display:flex}.esri-feature-form__input--radio-label{align-items:center;display:flex}.esri-feature-form__input--switch{margin:7px 0}.esri-feature-form__group{margin:0 0 var(--calcite-spacing-md);background-color:inherit;margin-inline:-10px}.esri-feature-form__group--sequential{border-bottom:none;border-inline-start:3px solid #adadad4d}.esri-feature-form__group--active{border-inline-start-color:var(--calcite-color-status-info)}.esri-feature-form__text-element{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal)}.esri-feature-form__text-element a{transition:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start inset-size,opacity,outline-color,transform var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:var(--calcite-color-background);background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));color:var(--calcite-color-text-link);background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;border-style:none;padding:0;text-decoration:none;display:inline;position:relative}.esri-feature-form__text-element a:hover,.esri-feature-form__text-element a:focus{background-size:100% 1px,100% 1px}.esri-feature-form__text-element a:active{background-size:100% 2px,100% 2px}.esri-feature-form__text-element a.calcite--rtl{background-position:100% 100%,100% 100%}.esri-feature-form__text-element code{border:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-3);white-space:normal;word-break:break-word;color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);border-radius:var(--calcite-spacing-base);padding:.25em;font-size:85%}.esri-feature-form__text-element h1,.esri-feature-form__text-element h2,.esri-feature-form__text-element h3,.esri-feature-form__text-element h4,.esri-feature-form__text-element h5{color:var(--calcite-color-text-1);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element h5{font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__text-element h6{color:var(--calcite-color-text-2);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element p{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);margin-bottom:var(--calcite-spacing-xl)}.esri-feature-form__text-element strong{font-weight:var(--calcite-font-weight-bold)}:dir(rtl) .esri-feature-form__date-input-part:first-child .esri-feature-form__input{border-left:none;border-right:1px solid #adadad4d}.esri-feature-form-utility-network-association-layers{background-color:var(--calcite-color-background)}.esri-feature-form-utility-network-association-layers__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-layers__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-layers__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__list-container{min-height:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__feature-observer{z-index:2;text-align:center;position:relative;bottom:20px}.esri-feature-form-utility-network-association-layers__filter-container{z-index:1;margin-bottom:var(--calcite-spacing-md);top:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__filter-options-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header{flex-direction:row;align-items:baseline;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header span{flex-grow:1}.esri-feature-form-utility-network-association-layers__spatial-select-container{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.esri-feature-form-utility-network-association-layers__spatial-select-toolbar{--calcite-action-group-border-color: transparent;border-width:var(--calcite-border-width-sm, 1px);border-radius:var(--calcite-corner-radius-round, 4px);border-style:solid;border-color:var(--calcite-color-border-3, var(--calcite-color-inverse));width:100%;min-height:min-content;overflow:hidden}.esri-feature-form-utility-network-association-layers__sticky-loading-container{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:var(--calcite-spacing-xxxl);margin:0;padding:0;display:flex;position:sticky;bottom:10px}.esri-feature-form-utility-network-association-layers__loading-container{justify-content:center;width:100%;padding:var(--calcite-spacing-md) 0;display:flex}.esri-feature-form-utility-network-association-list{background-color:var(--calcite-color-foreground-1)}.esri-feature-form-utility-network-association-list__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-list__header calcite-block{margin-block-start:-18px;margin-inline:-15px}.esri-feature-form-utility-network-association-list__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-list__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__list-container{flex-direction:column;min-height:var(--calcite-spacing-xxxl);display:flex}.esri-feature-form-utility-network-association-list__list-container calcite-fab{margin-block:var(--calcite-spacing-md);flex-direction:row;align-self:center;display:flex}.esri-feature-form-utility-network-association-settings{--calcite-block-padding: 0;background-color:var(--calcite-color-foreground-1);flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings calcite-block{border:1px solid var(--calcite-color-border-3);margin-block:0}.esri-feature-form-utility-network-association-settings calcite-block:first-of-type{border-radius:var(--calcite-spacing-sm) var(--calcite-spacing-sm) 0 0}.esri-feature-form-utility-network-association-settings calcite-block:last-of-type{border-top:none;border-radius:0 0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings calcite-block calcite-label{margin-inline:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings__info-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings__info-container>*{margin-block-end:var(--calcite-spacing-md)}`, c = n(r);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "value-change");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisSubmit = e(() => this.widget, "submit"), this.arcgisValueChange = e(() => this.widget, "value-change");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, position: 1, referenceElement: 1, state: 3, timeZone: 1 };
   }
-  static {
-    this.shadowRootOptions = o;
-  }
   static {
     this.styles = l;
   }
@@ -32,7 +29,7 @@ class n extends r {
     this.widget?.submit();
   }
 }
-e("arcgis-feature-form", n);
+i("arcgis-feature-form", d);
 export {
-  n as ArcgisFeatureForm
+  d as ArcgisFeatureForm
 };

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,36 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { nil } from '@arcgis/toolkit/type';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
+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, __esri.RelatedInfo>;
+    formattedValues?: 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 {};