@agrotools1/at-components 0.2.3 → 0.2.4

package/dist/Popup-89e3fd56.js

@@ -0,0 +1,3990 @@
+import { r as Ze, bY as _s, bV as ti, dQ as ws, jX as bs, s as q, bZ as Ms, a5 as Fs, da as Si, cl as ii, u as Se, kJ as rt, V as Ve, e as a, y as l, ei as Be, z as De, c as O, S as me, o as y, P as R, W as L, h0 as Is, fU as ee, fV as te, H as Ee, hO as qe, fW as h, fX as F, kK as si, kL as ni, kM as xe, fY as ne, kN as Cs, b as As, iq as $s, cj as Vi, ad as Bi, kO as qt, a3 as Es, dE as xs, dL as ke, iS as ks, by as gt, Y as Ts, U as Ls, B as ut, kP as Rs, kQ as Ps, kR as Os, a$ as zt, kS as Ns, kT as Di, cn as Ss, kU as ri, bj as Vs, bk as qi, eQ as yt, k as et, x as Bs, fz as zi, jN as Ds, i as Rt, dc as qs, p as ot, ec as zs, kV as Ws, kW as Hs, kX as ve, aO as Wi, kY as js, kZ as Us, k_ as Ge, k$ as Hi, fc as Zs, l0 as Qs, ab as Gs, bT as Xs, eD as Ys, eA as Ks, bS as Js, a_ as oi, fS as Le, fH as en } from "./index-f28919b2.js";
+import { s as de } from "./substitute-7b4a925f.js";
+import { O as tn } from "./unitFormatUtils-b79fea5c.js";
+import { a as sn } from "./AttachmentInfo-a2849bf0.js";
+import { c as ai } from "./AttachmentQuery-e743e06f.js";
+import { Z as nn, N as Wt } from "./utils-9612bce6.js";
+import "./ColorStop-1111f0fd.js";
+import { h as Re, N as rn, g as vt, R as on, D as an } from "./utils-e30b7de3.js";
+import { l as ln } from "./jsonUtils-9f58b7bb.js";
+import { s as _t } from "./executeQueryJSON-cf7d748b.js";
+import "./pbf-4ce99129.js";
+import "./FeatureSet-595ae550.js";
+import Pt from "./RelationshipQuery-0c20b8ed.js";
+import "./TopFeaturesQuery-9e4228e7.js";
+import dn from "./FeatureLayer-881827c7.js";
+import "./colorUtils-6e9b620c.js";
+import "./styleUtils-8f0e3848.js";
+import { n as li } from "./layerViewUtils-052e603c.js";
+import "vue";
+import "./ByteSizeUnit-90df2840.js";
+import "./quantityUtils-afe6e5b7.js";
+import "./parser-8f715684.js";
+import "./utils-0da4a164.js";
+import "./LRUCache-5bebd9a8.js";
+import "./MemCache-8f96824a.js";
+import "./UniqueValueRenderer-7532473e.js";
+import "./diffUtils-04a71a59.js";
+import "./colorRamps-314c4b5a.js";
+import "./sizeVariableUtils-a1b694d8.js";
+import "./visualVariableUtils-1a38c540.js";
+import "./lengthUtils-8796ccf3.js";
+import "./jsonUtils-e40213c1.js";
+import "./Version-2556ea28.js";
+import "./FieldsIndex-390b005f.js";
+import "./UnknownTimeZone-4c0a5184.js";
+import "./OverrideHelper-7981ecc2.js";
+import "./quantizationUtils-51d3a038.js";
+import "./heatmapUtils-8e578a0a.js";
+import "./vec42-1a7bd7a6.js";
+import "./vec4f64-043e974c.js";
+import "./query-8cf3e12b.js";
+import "./pbfQueryUtils-23cca540.js";
+import "./OptimizedGeometry-3b808152.js";
+import "./OptimizedFeatureSet-54e095c4.js";
+import "./queryZScale-112cd8e3.js";
+import "./MultiOriginJSONSupport-365740bb.js";
+import "./commonProperties-3399f319.js";
+import "./ElevationInfo-5be88917.js";
+import "./unitConversionUtils-b0c2c156.js";
+import "./FormTemplate-728de82d.js";
+import "./editsZScale-97938687.js";
+import "./APIKeyMixin-688c6ac6.js";
+import "./ArcGISService-a447176d.js";
+import "./BlendLayer-113fd3b8.js";
+import "./jsonUtils-d9bb6102.js";
+import "./CustomParametersMixin-601866cc.js";
+import "./EditBusLayer-55763028.js";
+import "./FeatureEffectLayer-171a9749.js";
+import "./FeatureEffect-5b570804.js";
+import "./FeatureFilter-db89ec09.js";
+import "./FeatureLayerBase-b410d8eb.js";
+import "./featureLayerUtils-a7e985d2.js";
+import "./LayerFloorInfo-5c67a822.js";
+import "./serviceCapabilitiesUtils-cafdd4bc.js";
+import "./FeatureReductionLayer-1f3f6a98.js";
+import "./FeatureReductionSelection-b0c4bcaf.js";
+import "./LabelClass-63459c37.js";
+import "./labelUtils-3a1386e4.js";
+import "./defaults-e5c5ee75.js";
+import "./defaultsJSON-ba17aa15.js";
+import "./MD5-1b5ec1c3.js";
+import "./OperationalLayer-30f48d16.js";
+import "./OrderedLayer-2962d196.js";
+import "./OrderByInfo-9bd0a8fe.js";
+import "./PortalLayer-21d22eb9.js";
+import "./portalItemUtils-39079445.js";
+import "./RefreshableLayer-e64dd0ee.js";
+import "./ScaleRangeLayer-3bbd6ead.js";
+import "./TemporalLayer-7c15b8a6.js";
+import "./TimeInfo-f17e0ff9.js";
+import "./FeatureTemplate-c810cba6.js";
+import "./FeatureType-22de76b9.js";
+import "./fieldProperties-a9fbe289.js";
+import "./labelingInfo-69c9f8f4.js";
+import "./versionUtils-b6c13869.js";
+import "./styleUtils-a61894cc.js";
+import "./popupUtils-e53c5c04.js";
+import "./interfaces-fac3cfda.js";
+function at(t, e, i, s) {
+  let n = null, r = 1e3;
+  typeof e == "number" ? (r = e, s = i) : (n = e ?? null, r = i);
+  let o, d = 0;
+  const c = () => {
+    d = 0, t.apply(s, o);
+  }, u = (...p) => {
+    n && n.apply(s, p), o = p, r ? d || (d = setTimeout(c, r)) : c();
+  };
+  return u.remove = () => {
+    d && (clearTimeout(d), d = 0);
+  }, u.forceUpdate = () => {
+    d && (clearTimeout(d), c());
+  }, u.hasPendingUpdates = () => !!d, u;
+}
+function Ot(t) {
+  var e;
+  switch (t == null ? void 0 : t.type) {
+    case "point":
+      return t;
+    case "extent":
+      return t.center;
+    case "polygon":
+      return t.centroid;
+    case "multipoint":
+    case "polyline":
+      return (e = t.extent) == null ? void 0 : e.center;
+    default:
+      return null;
+  }
+}
+function cn(t) {
+  return t ? { backgroundImage: `url(${t})` } : {};
+}
+function un({ action: t, feature: e }) {
+  const i = e == null ? void 0 : e.attributes, s = "image" in t ? t.image : void 0;
+  return s && i ? de(s, i) : s ?? "";
+}
+const hn = "esri.widgets.Feature.support.featureUtils", di = () => q.getLogger(hn), pn = /href=(""|'')/gi, mn = /(\{([^\{\r\n]+)\})/g, fn = /\'/g, ji = /^\s*expression\//i, gn = /(\n)/gi, yn = /[\u00A0-\u9999<>\&]/gim, vn = /href\s*=\s*(?:\"([^\"]+)\"|\'([^\']+)\')/gi, _n = /^(?:mailto:|tel:)/, Ui = "relationships/", ci = Ms("short-date-short-time");
+function Zi(t) {
+  if (t != null)
+    return (t.sourceLayer || t.layer) ?? void 0;
+}
+async function lt(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function Qi(t = "") {
+  if (t)
+    return !_n.test(t.trim().toLowerCase());
+}
+function Ht(t) {
+  return !!t && ji.test(t);
+}
+function wn(t, e) {
+  if (!Ht(e) || !t)
+    return;
+  const i = e.replace(ji, "").toLowerCase();
+  return t.find(({ name: s }) => s.toLowerCase() === i);
+}
+function Gi(t, e) {
+  const i = wn(e, t == null ? void 0 : t.fieldName);
+  return i ? i.title || null : t ? t.label || t.fieldName : null;
+}
+function bn(t, e) {
+  const i = e.get(t.toLowerCase());
+  return `{${(i == null ? void 0 : i.fieldName) || t}}`;
+}
+function Mn(t) {
+  return t.replaceAll(pn, "");
+}
+function Qe(t, e) {
+  const i = jt(e, t);
+  return i ? i.name : t;
+}
+function Fn(t, e) {
+  return t && t.map((i) => Qe(i, e));
+}
+function jt(t, e) {
+  return t && typeof t.getField == "function" && e ? t.getField(e) ?? null : null;
+}
+function Xi(t) {
+  return `${t}`.trim();
+}
+function Ie({ attributes: t, globalAttributes: e, layer: i, text: s, expressionAttributes: n, fieldInfoMap: r }) {
+  return s ? Nt({ formattedAttributes: e, template: $n(s, { ...e, ...n, ...t }, i), fieldInfoMap: r }) : "";
+}
+function Nt({ formattedAttributes: t, template: e, fieldInfoMap: i }) {
+  return Xi(Mn(Ze(Ze(e, (s) => bn(s, i)), t)));
+}
+function In(t, e, i = !1) {
+  const s = e[t];
+  if (typeof s == "string") {
+    const n = "%27", r = (i ? encodeURIComponent(s) : s).replaceAll(fn, n);
+    e[t] = r;
+  }
+}
+function Cn(t, e = !1) {
+  const i = { ...t };
+  return Object.keys(i).forEach((s) => In(s, i, e)), i;
+}
+function An(t, e, i) {
+  const s = (e = Xi(e)) && e[0] !== "{";
+  return Ze(t, Cn(i, s || !1));
+}
+function St(t, e) {
+  return t.replaceAll(mn, (i, s, n) => {
+    const r = jt(e, n);
+    return r ? `{${r.name}}` : s;
+  });
+}
+function $n(t, e, i) {
+  const s = St(t, i);
+  return s && s.replaceAll(vn, (n, r, o) => An(n, r || o, e));
+}
+function En(t, e) {
+  if (typeof t == "string" && e && e.dateFormat == null && (e.places != null || e.digitSeparator != null)) {
+    const i = Number(t);
+    if (!isNaN(i))
+      return i;
+  }
+  return t;
+}
+function xn(t) {
+  return t != null && typeof t == "object" && "fieldsIndex" in t && "geometryType" in t && "getField" in t && "load" in t && "loaded" in t && "objectIdField" in t && "spatialReference" in t && "type" in t && (t.type === "feature" || t.type === "scene") && "when" in t;
+}
+function kn(t) {
+  return t != null && typeof t == "object" && "createQuery" in t && "queryFeatureCount" in t && "queryObjectIds" in t && "queryRelatedFeatures" in t && "queryRelatedFeaturesCount" in t && "relationships" in t;
+}
+function Yi(t) {
+  return xn(t) && kn(t);
+}
+function Tn(t, e) {
+  var p;
+  const { fieldInfos: i, fieldName: s, preventPlacesFormatting: n, layer: r, timeZone: o } = e, d = Ki(i, s), c = jt(r, s);
+  if (d && !ii(s)) {
+    const m = c == null ? void 0 : c.type, f = (p = d.format) == null ? void 0 : p.dateFormat;
+    if (m === "date" || m === "date-only" || m === "time-only" || m === "timestamp-offset" || f)
+      return Wt(t, { format: f, fieldType: m, timeZoneOptions: { layerTimeZone: r && "preferredTimeZone" in r ? r.preferredTimeZone : null, viewTimeZone: o, datesInUnknownTimezone: !(!r || !("datesInUnknownTimezone" in r)) && !!r.datesInUnknownTimezone } });
+  }
+  const u = d == null ? void 0 : d.format;
+  return typeof t == "string" && ii(s) && u ? Ln(t, u) : typeof (t = En(t, u)) == "string" || t == null || u == null ? Xe(t) : Se(t, n ? { ...rt(u), minimumFractionDigits: 0, maximumFractionDigits: 20 } : rt(u));
+}
+function Ln(t, e) {
+  return t = t.trim(), /\d{2}-\d{2}/.test(t) ? t : t.includes(",") ? wt(t, ",", ", ", e) : t.includes(";") ? wt(t, ";", "; ", e) : t.includes(" ") ? wt(t, " ", " ", e) : Se(Number(t), rt(e));
+}
+function wt(t, e, i, s) {
+  return t.trim().split(e).map((n) => Se(Number(n), rt(s))).join(i);
+}
+function Ki(t, e) {
+  if (t != null && t.length && e)
+    return t.find((i) => {
+      var s;
+      return ((s = i.fieldName) == null ? void 0 : s.toLowerCase()) === e.toLowerCase();
+    });
+}
+function Rn({ fieldName: t, graphic: e, layer: i }) {
+  if (pe(t) || !i || typeof i.getFeatureType != "function")
+    return null;
+  const { typeIdField: s } = i;
+  if (!s || t !== s)
+    return null;
+  const n = i.getFeatureType(e);
+  return n ? n.name : null;
+}
+function Pn({ fieldName: t, value: e, graphic: i, layer: s }) {
+  if (pe(t) || !s || typeof s.getFieldDomain != "function")
+    return null;
+  const n = i && s.getFieldDomain(t, { feature: i });
+  return n && n.type === "coded-value" ? n.getName(e) : null;
+}
+function On(t, e, i, s) {
+  const { creatorField: n, creationDateField: r, editorField: o, editDateField: d } = t;
+  if (!e)
+    return;
+  const c = _s(s && "preferredTimeZone" in s ? s.preferredTimeZone : null, !(!s || !("datesInUnknownTimezone" in s)) && !!s.datesInUnknownTimezone, i, ci, "date"), u = { ...ci, ...c }, p = e[d];
+  if (typeof p == "number") {
+    const f = e[o];
+    return { type: "edit", date: ti(p, u), user: f };
+  }
+  const m = e[r];
+  if (typeof m == "number") {
+    const f = e[n];
+    return { type: "create", date: ti(m, u), user: f };
+  }
+  return null;
+}
+function Nn(t, e) {
+  const i = /* @__PURE__ */ new Map();
+  return t && t.forEach((s) => {
+    const n = Qe(s.fieldName, e);
+    s.fieldName = n, i.set(n.toLowerCase(), s);
+  }), i;
+}
+function ui(t) {
+  const e = [];
+  if (!t)
+    return e;
+  const { fieldInfos: i, content: s } = t;
+  return i && e.push(...i), s && Array.isArray(s) && s.forEach((n) => {
+    if (n.type === "fields") {
+      const r = n == null ? void 0 : n.fieldInfos;
+      r && e.push(...r);
+    }
+  }), e;
+}
+function Ut(t) {
+  return t.replaceAll(yn, (e) => `&#${e.charCodeAt(0)};`);
+}
+function Xe(t) {
+  return typeof t == "string" ? t.replaceAll(gn, '<br class="esri-text-new-line" />') : t;
+}
+function Ji(t) {
+  var m;
+  const { value: e, fieldName: i, fieldInfos: s, fieldInfoMap: n, layer: r, graphic: o, timeZone: d } = t;
+  if (e == null)
+    return "";
+  const c = Pn({ fieldName: i, value: e, graphic: o, layer: r });
+  if (c)
+    return c;
+  const u = Rn({ fieldName: i, graphic: o, layer: r });
+  if (u)
+    return u;
+  if (n.get(i.toLowerCase()))
+    return Tn(e, { fieldInfos: s || Array.from(n.values()), fieldName: i, layer: r, timeZone: d });
+  const p = (m = r == null ? void 0 : r.fieldsIndex) == null ? void 0 : m.get(i);
+  return p && (nn(p) || Fs(p)) ? Wt(e, { fieldType: p.type, timeZoneOptions: { layerTimeZone: r && "preferredTimeZone" in r ? r.preferredTimeZone : null, viewTimeZone: d, datesInUnknownTimezone: !(!r || !("datesInUnknownTimezone" in r)) && !!r.datesInUnknownTimezone } }) : Xe(e);
+}
+function bt({ fieldInfos: t, attributes: e, layer: i, graphic: s, fieldInfoMap: n, relatedInfos: r, timeZone: o }) {
+  const d = {};
+  return r == null || r.forEach((c) => Dn({ attributes: d, relatedInfo: c, fieldInfoMap: n, fieldInfos: t, layer: i, timeZone: o })), e && Object.keys(e).forEach((c) => {
+    const u = e[c];
+    d[c] = Ji({ fieldName: c, fieldInfos: t, fieldInfoMap: n, layer: i, value: u, graphic: s, timeZone: o });
+  }), d;
+}
+async function es(t, e) {
+  var p, m;
+  const { layer: i, graphic: s, outFields: n, objectIds: r, returnGeometry: o, spatialReference: d } = t, c = r[0];
+  if (typeof c != "number" && typeof c != "string") {
+    const f = "Could not query required fields for the specified feature. The feature's ID is invalid.", g = { layer: i, graphic: s, objectId: c, requiredFields: n };
+    return di().warn(f, g), null;
+  }
+  if (!((m = (p = ws(i)) == null ? void 0 : p.operations) != null && m.supportsQuery)) {
+    const f = "The specified layer cannot be queried. The following fields will not be available.", g = { layer: i, graphic: s, requiredFields: n, returnGeometry: o };
+    return di().warn(f, g), null;
+  }
+  const u = i.createQuery();
+  return u.objectIds = r, u.outFields = n != null && n.length ? n : [i.objectIdField], u.returnGeometry = !!o, u.returnZ = !!o, u.returnM = !!o, u.outSpatialReference = d, (await i.queryFeatures(u, e)).features[0];
+}
+async function Sn(t) {
+  var s;
+  if (!((s = t.expressionInfos) != null && s.length))
+    return !1;
+  const e = await Si(), { arcadeUtils: { hasGeometryFunctions: i } } = e;
+  return i(t);
+}
+async function Vn({ graphic: t, popupTemplate: e, layer: i, spatialReference: s }, n) {
+  if (!i || !e || (typeof i.load == "function" && await i.load(n), !t.attributes))
+    return;
+  const r = t.attributes[i.objectIdField];
+  if (r == null)
+    return;
+  const o = [r], d = await e.getRequiredFields(i.fieldsIndex), c = bs(d, t), u = c ? [] : d, p = e.returnGeometry || await Sn(e);
+  if (c && !p)
+    return;
+  const m = await es({ layer: i, graphic: t, outFields: u, objectIds: o, returnGeometry: p, spatialReference: s }, n);
+  m && (m.geometry && (t.geometry = m.geometry), m.attributes && (t.attributes = { ...t.attributes, ...m.attributes }));
+}
+function pe(t = "") {
+  return !!t && t.includes(Ui);
+}
+function Bn(t) {
+  return t ? `${Ui}${t.layerId}/${t.fieldName}` : "";
+}
+function hi({ attributes: t, graphic: e, relatedInfo: i, fieldInfos: s, fieldInfoMap: n, layer: r, timeZone: o }) {
+  t && e && i && Object.keys(e.attributes).forEach((d) => {
+    const c = Bn({ layerId: i.relation.id.toString(), fieldName: d }), u = e.attributes[d];
+    t[c] = Ji({ fieldName: c, fieldInfos: s, fieldInfoMap: n, layer: r, value: u, graphic: e, timeZone: o });
+  });
+}
+function Dn({ attributes: t, relatedInfo: e, fieldInfoMap: i, fieldInfos: s, layer: n, timeZone: r }) {
+  var o, d;
+  t && e && ((o = e.relatedFeatures) == null || o.forEach((c) => hi({ attributes: t, graphic: c, relatedInfo: e, fieldInfoMap: i, fieldInfos: s, layer: n, timeZone: r })), (d = e.relatedStatsFeatures) == null || d.forEach((c) => hi({ attributes: t, graphic: c, relatedInfo: e, fieldInfoMap: i, fieldInfos: s, layer: n, timeZone: r })));
+}
+const pi = (t) => {
+  if (!t)
+    return !1;
+  const e = t.toUpperCase();
+  return e.includes("CURRENT_TIMESTAMP") || e.includes("CURRENT_DATE") || e.includes("CURRENT_TIME");
+}, ts = ({ layer: t, method: e, query: i, definitionExpression: s }) => {
+  var o, d;
+  if (!((d = (o = t.capabilities) == null ? void 0 : o.query) != null && d.supportsCacheHint) || e === "attachments")
+    return;
+  const n = i.where != null ? i.where : null, r = i.geometry != null ? i.geometry : null;
+  pi(s) || pi(n) || (r == null ? void 0 : r.type) === "extent" || i.resultType === "tile" || (i.cacheHint = !0);
+}, qn = ({ query: t, layer: e, method: i }) => {
+  ts({ layer: e, method: i, query: t, definitionExpression: `${e.definitionExpression} ${e.serviceDefinitionExpression}` });
+}, zn = ({ queryPayload: t, layer: e, method: i }) => {
+  ts({ layer: e, method: i, query: t, definitionExpression: `${e.definitionExpression} ${e.serviceDefinitionExpression}` });
+};
+function Wn(t, e, i) {
+  return t && e && i ? mi(t.allLayers, e, i) || mi(t.allTables, e, i) : null;
+}
+function mi(t, e, { relatedTableId: i }) {
+  const s = e.type === "scene" && e.associatedLayer ? e.associatedLayer.url : e.url;
+  return t.filter(Yi).find((n) => n !== e && n.url === s && n.layerId === i);
+}
+const fi = { editing: !1, operations: { add: !0, update: !0, delete: !0 } }, is = Ve.ofType(sn);
+let X = class extends me {
+  constructor(e) {
+    super(e), this._getAttachmentsPromise = null, this._attachmentLayer = null, this.capabilities = { ...fi }, this.activeAttachmentInfo = null, this.activeFileInfo = null, this.attachmentInfos = new is(), this.fileInfos = new Ve(), this.graphic = null, this.mode = "view", this.filesEnabled = !1, this.addHandles(y(() => this.graphic, () => this._graphicChanged(), R));
+  }
+  destroy() {
+    this._attachmentLayer = null, this.graphic = null;
+  }
+  castCapabilities(e) {
+    return { ...fi, ...e };
+  }
+  get state() {
+    return this._getAttachmentsPromise ? "loading" : this.graphic ? "ready" : "disabled";
+  }
+  get supportsResizeAttachments() {
+    const { graphic: e } = this;
+    if (!e)
+      return !1;
+    const i = e.layer || e.sourceLayer;
+    return (i == null ? void 0 : i.loaded) && "capabilities" in i && i.capabilities && "operations" in i.capabilities && "supportsResizeAttachments" in i.capabilities.operations && i.capabilities.operations.supportsResizeAttachments || !1;
+  }
+  async getAttachments() {
+    const { _attachmentLayer: e, attachmentInfos: i } = this;
+    if (!e || typeof e.queryAttachments != "function")
+      throw new L("invalid-layer", "getAttachments(): A valid layer is required.");
+    const s = this._getObjectId(), n = new ai({ objectIds: [s], returnMetadata: !0 }), r = [], o = e.queryAttachments(n).then((c) => c[s] || r).catch(() => r);
+    this._getAttachmentsPromise = o, this.notifyChange("state");
+    const d = await o;
+    return i.removeAll(), d.length && i.addMany(d), this._getAttachmentsPromise = null, this.notifyChange("state"), d;
+  }
+  async addAttachment(e, i = this.graphic) {
+    var c;
+    const { _attachmentLayer: s, attachmentInfos: n, capabilities: r } = this;
+    if (!i)
+      throw new L("invalid-graphic", "addAttachment(): A valid graphic is required.", { graphic: i });
+    if (!e)
+      throw new L("invalid-attachment", "addAttachment(): An attachment is required.", { attachment: e });
+    if (!((c = r.operations) != null && c.add))
+      throw new L("invalid-capabilities", "addAttachment(): add capabilities are required.");
+    if (!s || typeof s.addAttachment != "function")
+      throw new L("invalid-layer", "addAttachment(): A valid layer is required.");
+    const o = s.addAttachment(i, e).then((u) => this._queryAttachment(u.objectId, i)), d = await o;
+    return n.add(d), d;
+  }
+  async deleteAttachment(e) {
+    var c;
+    const { _attachmentLayer: i, attachmentInfos: s, graphic: n, capabilities: r } = this;
+    if (!e)
+      throw new L("invalid-attachment-info", "deleteAttachment(): An attachmentInfo is required.", { attachmentInfo: e });
+    if (!((c = r.operations) != null && c.delete))
+      throw new L("invalid-capabilities", "deleteAttachment(): delete capabilities are required.");
+    if (!i || typeof i.deleteAttachments != "function")
+      throw new L("invalid-layer", "deleteAttachment(): A valid layer is required.");
+    if (!n)
+      throw new L("invalid-graphic", "deleteAttachment(): A graphic is required.");
+    const o = i.deleteAttachments(n, [e.id]).then(() => e), d = await o;
+    return s.remove(d), d;
+  }
+  async updateAttachment(e, i = this.activeAttachmentInfo) {
+    var p;
+    const { _attachmentLayer: s, attachmentInfos: n, graphic: r, capabilities: o } = this;
+    if (!e)
+      throw new L("invalid-attachment", "updateAttachment(): An attachment is required.", { attachment: e });
+    if (!i)
+      throw new L("invalid-attachment-info", "updateAttachment(): An attachmentInfo is required.", { attachmentInfo: i });
+    if (!((p = o.operations) != null && p.update))
+      throw new L("invalid-capabilities", "updateAttachment(): Update capabilities are required.");
+    const d = n.indexOf(i);
+    if (!s || typeof s.updateAttachment != "function")
+      throw new L("invalid-layer", "updateAttachment(): A valid layer is required.");
+    if (!r)
+      throw new L("invalid-graphic", "updateAttachment(): A graphic is required.");
+    const c = s.updateAttachment(r, i.id, e).then((m) => this._queryAttachment(m.objectId)), u = await c;
+    return n.splice(d, 1, u), u;
+  }
+  async commitFiles() {
+    return await Promise.all(this.fileInfos.items.map((e) => this.addAttachment(e.form))), this.fileInfos.removeAll(), this.getAttachments();
+  }
+  addFile(e, i) {
+    if (!e || !i)
+      return null;
+    const s = { file: e, form: i };
+    return this.fileInfos.add(s), s;
+  }
+  updateFile(e, i, s = this.activeFileInfo) {
+    if (!e || !i || !s)
+      return null;
+    const n = this.fileInfos.indexOf(s);
+    return n > -1 && this.fileInfos.splice(n, 1, { file: e, form: i }), this.fileInfos.items[n];
+  }
+  deleteFile(e) {
+    const i = this.fileInfos.find((s) => s.file === e);
+    return i ? (this.fileInfos.remove(i), i) : null;
+  }
+  async _queryAttachment(e, i) {
+    const { _attachmentLayer: s } = this;
+    if (!e || !(s != null && s.queryAttachments))
+      throw new L("invalid-attachment-id", "Could not query attachment.");
+    const n = this._getObjectId(i), r = new ai({ objectIds: [n], attachmentsWhere: `AttachmentId=${e}`, returnMetadata: !0 });
+    return s.queryAttachments(r).then((o) => o[n][0]);
+  }
+  _getObjectId(e = this.graphic) {
+    return (e == null ? void 0 : e.getObjectId()) ?? null;
+  }
+  _graphicChanged() {
+    this.graphic && (this._setAttachmentLayer(), this.getAttachments().catch(() => {
+    }));
+  }
+  _setAttachmentLayer() {
+    const { graphic: e } = this, i = Zi(e);
+    this._attachmentLayer = i ? i.type === "scene" && i.associatedLayer != null ? i.associatedLayer : i : null;
+  }
+};
+a([l()], X.prototype, "capabilities", void 0), a([Be("capabilities")], X.prototype, "castCapabilities", null), a([l()], X.prototype, "activeAttachmentInfo", void 0), a([l()], X.prototype, "activeFileInfo", void 0), a([l({ readOnly: !0, type: is })], X.prototype, "attachmentInfos", void 0), a([l()], X.prototype, "fileInfos", void 0), a([l({ type: De })], X.prototype, "graphic", void 0), a([l()], X.prototype, "mode", void 0), a([l({ readOnly: !0 })], X.prototype, "state", null), a([l()], X.prototype, "filesEnabled", void 0), a([l({ readOnly: !0 })], X.prototype, "supportsResizeAttachments", null), X = a([O("esri.widgets.Attachments.AttachmentsViewModel")], X);
+const Zt = X;
+function gi(t) {
+  const e = t.toLowerCase();
+  return e === "image/bmp" || e === "image/emf" || e === "image/exif" || e === "image/gif" || e === "image/x-icon" || e === "image/jpeg" || e === "image/png" || e === "image/tiff" || e === "image/x-wmf";
+}
+function Hn(t) {
+  const e = Is("esri/themes/base/images/files/");
+  return t ? t === "text/plain" ? `${e}text-32.svg` : t === "application/pdf" ? `${e}pdf-32.svg` : t === "text/csv" ? `${e}csv-32.svg` : t === "application/gpx+xml" ? `${e}gpx-32.svg` : t === "application/x-dwf" ? `${e}cad-32.svg` : t === "application/postscript" || t === "application/json" || t === "text/xml" || t === "model/vrml" ? `${e}code-32.svg` : t === "application/x-zip-compressed" || t === "application/x-7z-compressed" || t === "application/x-gzip" || t === "application/x-tar" || t === "application/x-gtar" || t === "application/x-bzip2" || t === "application/gzip" || t === "application/x-compress" || t === "application/x-apple-diskimage" || t === "application/x-rar-compressed" || t === "application/zip" ? `${e}zip-32.svg` : t.includes("image/") ? `${e}image-32.svg` : t.includes("audio/") ? `${e}sound-32.svg` : t.includes("video/") ? `${e}video-32.svg` : t.includes("msexcel") || t.includes("ms-excel") || t.includes("spreadsheetml") ? `${e}excel-32.svg` : t.includes("msword") || t.includes("ms-word") || t.includes("wordprocessingml") ? `${e}word-32.svg` : t.includes("powerpoint") || t.includes("presentationml") ? `${e}report-32.svg` : `${e}generic-32.svg` : `${e}generic-32.svg`;
+}
+const yi = { addButton: !0, addSubmitButton: !0, cancelAddButton: !0, cancelUpdateButton: !0, deleteButton: !0, errorMessage: !0, progressBar: !0, updateButton: !0 }, E = "esri-attachments", b = { base: E, loaderContainer: `${E}__loader-container`, loader: `${E}__loader`, fadeIn: `${E}--fade-in`, container: `${E}__container`, containerList: `${E}__container--list`, containerPreview: `${E}__container--preview`, actions: `${E}__actions`, deleteButton: `${E}__delete-button`, addAttachmentButton: `${E}__add-attachment-button`, errorMessage: `${E}__error-message`, items: `${E}__items`, item: `${E}__item`, itemButton: `${E}__item-button`, itemMask: `${E}__item-mask`, itemMaskIcon: `${E}__item-mask--icon`, itemImage: `${E}__image`, itemImageResizable: `${E}__image--resizable`, itemLabel: `${E}__label`, itemFilename: `${E}__filename`, itemChevronIcon: `${E}__item-chevron-icon`, itemLink: `${E}__item-link`, itemLinkOverlay: `${E}__item-link-overlay`, itemLinkOverlayIcon: `${E}__item-link-overlay-icon`, itemEditIcon: `${E}__item-edit-icon`, itemAddIcon: `${E}__item-add-icon`, itemAddButton: `${E}__item-add-button`, formNode: `${E}__form-node`, fileFieldset: `${E}__file-fieldset`, fileLabel: `${E}__file-label`, fileName: `${E}__file-name`, fileInput: `${E}__file-input`, metadata: `${E}__metadata`, metadataFieldset: `${E}__metadata-fieldset`, progressBar: `${E}__progress-bar` }, Mt = window.CSS;
+let U = class extends te {
+  constructor(e, i) {
+    super(e, i), this.displayType = "auto", this.messages = null, this.messagesUnits = null, this.selectedFile = null, this.submitting = !1, this.viewModel = null, this.visibleElements = { ...yi }, this._supportsImageOrientation = Mt && Mt.supports && Mt.supports("image-orientation", "from-image"), this._addAttachmentForm = null, this._updateAttachmentForm = null;
+  }
+  normalizeCtorArgs(e) {
+    return e != null && e.viewModel || (e = { viewModel: new Zt(), ...e }), e;
+  }
+  initialize() {
+    this.addHandles([Ee(() => {
+      var e;
+      return (e = this.viewModel) == null ? void 0 : e.attachmentInfos;
+    }, "change", () => this.scheduleRender()), Ee(() => {
+      var e;
+      return (e = this.viewModel) == null ? void 0 : e.fileInfos;
+    }, "change", () => this.scheduleRender()), y(() => {
+      var e;
+      return (e = this.viewModel) == null ? void 0 : e.mode;
+    }, () => this._modeChanged(), R)]);
+  }
+  loadDependencies() {
+    return qe({ icon: () => import("./calcite-icon-07f22bc6.js") });
+  }
+  get capabilities() {
+    return this.viewModel.capabilities;
+  }
+  set capabilities(e) {
+    this.viewModel.capabilities = e;
+  }
+  get effectiveDisplayType() {
+    const { displayType: e } = this;
+    return e && e !== "auto" ? e : this.viewModel.supportsResizeAttachments ? "preview" : "list";
+  }
+  get graphic() {
+    return this.viewModel.graphic;
+  }
+  set graphic(e) {
+    this.viewModel.graphic = e;
+  }
+  get label() {
+    var e;
+    return ((e = this.messages) == null ? void 0 : e.widgetLabel) ?? "";
+  }
+  set label(e) {
+    this._overrideIfSome("label", e);
+  }
+  castVisibleElements(e) {
+    return { ...yi, ...e };
+  }
+  addAttachment() {
+    const { _addAttachmentForm: e, viewModel: i } = this;
+    return this._set("submitting", !0), this._set("error", null), i.addAttachment(e).then((s) => (this._set("submitting", !1), this._set("error", null), i.mode = "view", s)).catch((s) => {
+      throw this._set("submitting", !1), this._set("error", new L("attachments:add-attachment", this.messages.addErrorMessage, s)), s;
+    });
+  }
+  deleteAttachment(e) {
+    const { viewModel: i } = this;
+    return this._set("submitting", !0), this._set("error", null), i.deleteAttachment(e).then((s) => (this._set("submitting", !1), this._set("error", null), i.mode = "view", s)).catch((s) => {
+      throw this._set("submitting", !1), this._set("error", new L("attachments:delete-attachment", this.messages.deleteErrorMessage, s)), s;
+    });
+  }
+  updateAttachment() {
+    const { viewModel: e } = this, { _updateAttachmentForm: i } = this;
+    return this._set("submitting", !0), this._set("error", null), e.updateAttachment(i).then((s) => (this._set("submitting", !1), this._set("error", null), e.mode = "view", s)).catch((s) => {
+      throw this._set("submitting", !1), this._set("error", new L("attachments:update-attachment", this.messages.updateErrorMessage, s)), s;
+    });
+  }
+  addFile() {
+    const e = this.viewModel.addFile(this.selectedFile, this._addAttachmentForm);
+    return this.viewModel.mode = "view", e;
+  }
+  updateFile() {
+    const { viewModel: e } = this, i = e.updateFile(this.selectedFile, this._updateAttachmentForm, e.activeFileInfo);
+    return e.mode = "view", i;
+  }
+  deleteFile(e) {
+    var s;
+    const i = this.viewModel.deleteFile(e || ((s = this.viewModel.activeFileInfo) == null ? void 0 : s.file));
+    return this.viewModel.mode = "view", i;
+  }
+  render() {
+    const { submitting: e, viewModel: i } = this, { state: s } = i;
+    return h("div", { class: this.classes(b.base, F.widget) }, e ? this._renderProgressBar() : null, s === "loading" ? this._renderLoading() : this._renderAttachments(), this._renderErrorMessage());
+  }
+  _renderErrorMessage() {
+    const { error: e, visibleElements: i } = this;
+    return e && i.errorMessage ? h("div", { class: b.errorMessage, key: "error-message" }, e.message) : null;
+  }
+  _renderAttachments() {
+    const { activeFileInfo: e, mode: i, activeAttachmentInfo: s } = this.viewModel;
+    return i === "add" ? this._renderAddForm() : i === "edit" ? this._renderDetailsForm(s || e) : this._renderAttachmentContainer();
+  }
+  _renderLoading() {
+    return h("div", { class: b.loaderContainer, key: "loader" }, h("div", { class: b.loader }));
+  }
+  _renderProgressBar() {
+    return this.visibleElements.progressBar ? h("div", { class: b.progressBar, key: "progress-bar" }) : null;
+  }
+  _renderAddForm() {
+    const { submitting: e, selectedFile: i } = this, s = e || !i, n = this.visibleElements.cancelAddButton ? h("button", { bind: this, class: this.classes(F.button, F.buttonTertiary, F.buttonSmall, F.buttonHalf, e && F.buttonDisabled), disabled: e, onclick: this._cancelForm, type: "button" }, this.messages.cancel) : null, r = this.visibleElements.addSubmitButton ? h("button", { class: this.classes(F.button, F.buttonSecondary, F.buttonSmall, F.buttonHalf, { [F.buttonDisabled]: s }), disabled: s, type: "submit" }, this.messages.add) : null, o = i ? h("span", { class: b.fileName, key: "file-name" }, i.name) : null, d = h("form", { afterCreate: si, afterRemoved: ni, bind: this, "data-node-ref": "_addAttachmentForm", onsubmit: this._submitAddAttachment }, h("fieldset", { class: b.fileFieldset }, o, h("label", { class: this.classes(b.fileLabel, F.button, F.buttonSecondary) }, i ? this.messages.changeFile : this.messages.selectFile, h("input", { bind: this, class: b.fileInput, name: "attachment", onchange: this._handleFileInputChange, type: "file" }))), r, n);
+    return h("div", { class: b.formNode, key: "add-form-container" }, d);
+  }
+  _renderDetailsForm(e) {
+    var M, re, K;
+    const { visibleElements: i, viewModel: s, selectedFile: n, submitting: r } = this, { capabilities: o } = s, d = r || !n;
+    let c, u, p, m;
+    n ? (c = n.type, u = n.name, p = n.size) : e && "file" in e ? (c = e.file.type, u = e.file.name, p = e.file.size) : e && "contentType" in e && (c = e.contentType, u = e.name, p = e.size, m = e.url);
+    const f = o.editing && ((M = o.operations) != null && M.delete) && i.deleteButton ? h("button", { bind: this, class: this.classes(F.button, F.buttonSmall, F.buttonTertiary, b.deleteButton, { [F.buttonDisabled]: r }), disabled: r, key: "delete-button", onclick: (ie) => this._submitDeleteAttachment(ie, e), type: "button" }, this.messages.delete) : void 0, g = o.editing && ((re = o.operations) != null && re.update) && i.updateButton ? h("button", { class: this.classes(F.button, F.buttonSmall, F.buttonThird, { [F.buttonDisabled]: d }), disabled: d, key: "update-button", type: "submit" }, this.messages.update) : void 0, v = this.visibleElements.cancelUpdateButton ? h("button", { bind: this, class: this.classes(F.button, F.buttonSmall, F.buttonTertiary, F.buttonThird, { [F.buttonDisabled]: r }), disabled: r, key: "cancel-button", onclick: this._cancelForm, type: "button" }, this.messages.cancel) : void 0, _ = o.editing && ((K = o.operations) != null && K.update) ? h("fieldset", { class: b.fileFieldset, key: "file" }, h("span", { class: b.fileName, key: "file-name" }, u), h("label", { class: this.classes(b.fileLabel, F.button, F.buttonSecondary) }, this.messages.changeFile, h("input", { bind: this, class: b.fileInput, name: "attachment", onchange: this._handleFileInputChange, type: "file" }))) : void 0, I = h("fieldset", { class: b.metadataFieldset, key: "size" }, h("label", null, tn(this.messagesUnits, p ?? 0))), w = h("fieldset", { class: b.metadataFieldset, key: "content-type" }, h("label", null, c)), A = m != null ? h("a", { class: b.itemLink, href: m, rel: "noreferrer", target: "_blank" }, this._renderImageMask(e, 400), h("div", { class: b.itemLinkOverlay }, h("span", { class: b.itemLinkOverlayIcon }, h("calcite-icon", { icon: "launch" })))) : this._renderImageMask(e, 400), k = h("form", { afterCreate: si, afterRemoved: ni, bind: this, "data-node-ref": "_updateAttachmentForm", onsubmit: (ie) => this._submitUpdateAttachment(ie, e) }, h("div", { class: b.metadata }, I, w), _, h("div", { class: b.actions }, f, v, g));
+    return h("div", { class: b.formNode, key: "edit-form-container" }, A, k);
+  }
+  _renderImageMask(e, i) {
+    return e ? "file" in e ? this._renderGenericImageMask(e.file.name, e.file.type) : this._renderImageMaskForAttachment(e, i) : null;
+  }
+  _renderGenericImageMask(e, i) {
+    const { supportsResizeAttachments: s } = this.viewModel, n = Hn(i), r = { [b.itemImageResizable]: s };
+    return h("div", { class: this.classes(b.itemMaskIcon, b.itemMask), key: n }, h("img", { alt: e, class: this.classes(r, b.itemImage), src: n, title: e }));
+  }
+  _renderImageMaskForAttachment(e, i) {
+    const { supportsResizeAttachments: s } = this.viewModel;
+    if (!e)
+      return null;
+    const { contentType: n, name: r, url: o } = e;
+    if (!s || !gi(n))
+      return this._renderGenericImageMask(r, n);
+    const d = this._getCSSTransform(e), c = d ? { transform: d, "image-orientation": "none" } : {}, u = `${o}${o != null && o.includes("?") ? "&" : "?"}w=${i}`, p = { [b.itemImageResizable]: s };
+    return h("div", { class: this.classes(b.itemMask), key: u }, h("img", { alt: r, class: this.classes(p, b.itemImage), src: u, styles: c, title: r }));
+  }
+  _renderFile(e) {
+    const { file: i } = e;
+    return h("li", { class: b.item, key: i }, h("button", { "aria-label": this.messages.attachmentDetails, bind: this, class: b.itemButton, key: "details-button", onclick: () => this._startEditFile(e), title: this.messages.attachmentDetails, type: "button" }, this._renderImageMask(e), h("label", { class: b.itemLabel }, h("span", { class: b.itemFilename }, i.name || this.messages.noTitle), h("span", { "aria-hidden": "true", class: this.classes(b.itemChevronIcon, xe(this.container) ? ne.left : ne.right) }))));
+  }
+  _renderAttachmentInfo({ attachmentInfo: e, displayType: i }) {
+    const { viewModel: s, effectiveDisplayType: n } = this, { capabilities: r, supportsResizeAttachments: o } = s, { contentType: d, name: c, url: u } = e, p = this._renderImageMask(e, i === "list" ? 48 : 400), m = r.editing ? h("span", { "aria-hidden": "true", class: this.classes(b.itemChevronIcon, xe(this.container) ? ne.left : ne.right) }) : null, f = [p, n === "preview" && o && gi(d) ? null : h("label", { class: b.itemLabel }, h("span", { class: b.itemFilename }, c || this.messages.noTitle), m)], g = r.editing ? h("button", { "aria-label": this.messages.attachmentDetails, bind: this, class: b.itemButton, "data-attachment-info-id": e.id, key: "details-button", onclick: () => this._startEditAttachment(e), title: this.messages.attachmentDetails, type: "button" }, f) : h("a", { class: b.itemButton, href: u ?? void 0, key: "details-link", target: "_blank" }, f);
+    return h("li", { class: b.item, key: e }, g);
+  }
+  _renderAttachmentContainer() {
+    var v;
+    const { effectiveDisplayType: e, viewModel: i, visibleElements: s } = this, { attachmentInfos: n, capabilities: r, fileInfos: o } = i, d = !!(n != null && n.length), c = !!(o != null && o.length), u = { [b.containerList]: e !== "preview", [b.containerPreview]: e === "preview" }, p = r.editing && ((v = r.operations) != null && v.add) && s.addButton ? h("button", { bind: this, class: this.classes(F.button, F.buttonTertiary, b.addAttachmentButton), onclick: () => this._startAddAttachment(), type: "button" }, h("span", { "aria-hidden": "true", class: this.classes(b.itemAddIcon, ne.plus) }), this.messages.add) : void 0, m = d ? h("ul", { class: b.items, key: "attachments-list" }, n.toArray().map((_) => this._renderAttachmentInfo({ attachmentInfo: _, displayType: e }))) : void 0, f = c ? h("ul", { class: b.items, key: "file-list" }, o.toArray().map((_) => this._renderFile(_))) : void 0, g = c || d ? void 0 : h("div", { class: F.empty }, this.messages.noAttachments);
+    return h("div", { class: this.classes(b.container, u), key: "attachments-container" }, m, f, g, p);
+  }
+  _modeChanged() {
+    this._set("error", null), this._set("selectedFile", null);
+  }
+  _handleFileInputChange(e) {
+    var n;
+    const i = e.target, s = (n = i.files) == null ? void 0 : n.item(0);
+    this._set("selectedFile", s);
+  }
+  _submitDeleteAttachment(e, i) {
+    e.preventDefault(), i && ("file" in i ? this.deleteFile(i.file) : i && this.deleteAttachment(i));
+  }
+  _submitAddAttachment(e) {
+    e.preventDefault(), this.viewModel.filesEnabled ? this.addFile() : this.addAttachment();
+  }
+  _submitUpdateAttachment(e, i) {
+    e.preventDefault(), i && "file" in i ? this.updateFile() : this.updateAttachment();
+  }
+  _startEditAttachment(e) {
+    const { viewModel: i } = this;
+    i.activeFileInfo = null, i.activeAttachmentInfo = e, i.mode = "edit";
+  }
+  _startEditFile(e) {
+    const { viewModel: i } = this;
+    i.activeAttachmentInfo = null, i.activeFileInfo = e, i.mode = "edit";
+  }
+  _startAddAttachment() {
+    this.viewModel.mode = "add";
+  }
+  _cancelForm(e) {
+    e.preventDefault(), this.viewModel.mode = "view";
+  }
+  _getCSSTransform(e) {
+    const { orientationInfo: i } = e;
+    return !this._supportsImageOrientation && i ? [i.rotation ? `rotate(${i.rotation}deg)` : "", i.mirrored ? "scaleX(-1)" : ""].join(" ") : "";
+  }
+};
+a([l()], U.prototype, "capabilities", null), a([l()], U.prototype, "displayType", void 0), a([l({ readOnly: !0 })], U.prototype, "effectiveDisplayType", null), a([l()], U.prototype, "graphic", null), a([l()], U.prototype, "label", null), a([l(), ee("esri/widgets/Attachments/t9n/Attachments")], U.prototype, "messages", void 0), a([l(), ee("esri/core/t9n/Units")], U.prototype, "messagesUnits", void 0), a([l({ readOnly: !0 })], U.prototype, "selectedFile", void 0), a([l({ readOnly: !0 })], U.prototype, "submitting", void 0), a([l({ readOnly: !0 })], U.prototype, "error", void 0), a([l({ type: Zt })], U.prototype, "viewModel", void 0), a([l()], U.prototype, "visibleElements", void 0), a([Be("visibleElements")], U.prototype, "castVisibleElements", null), U = a([O("esri.widgets.Attachments")], U);
+const jn = U;
+let He = class extends Zt {
+  constructor(e) {
+    super(e), this.description = null, this.title = null;
+  }
+};
+a([l()], He.prototype, "description", void 0), a([l()], He.prototype, "title", void 0), He = a([O("esri.widgets.Feature.FeatureAttachments.FeatureAttachmentsViewModel")], He);
+const Qt = He;
+function Gt({ level: t, class: e, ...i }, s) {
+  const n = Un(t);
+  return h(`h${n}`, { ...i, "aria-level": String(n), class: Cs(F.heading, e), role: "heading" }, s);
+}
+function Un(t) {
+  return As(Math.ceil(t), 1, 6);
+}
+const Ft = "esri-feature-element-info", It = { base: Ft, title: `${Ft}__title`, description: `${Ft}__description` };
+let Pe = class extends te {
+  constructor(e, i) {
+    super(e, i), this.description = null, this.headingLevel = 2, this.title = null;
+  }
+  render() {
+    return h("div", { class: It.base }, this._renderTitle(), this._renderDescription());
+  }
+  _renderTitle() {
+    const { title: e } = this;
+    return e ? h(Gt, { class: It.title, level: this.headingLevel }, e) : null;
+  }
+  _renderDescription() {
+    const { description: e } = this;
+    return e ? h("div", { class: It.description, key: "description" }, e) : null;
+  }
+};
+a([l()], Pe.prototype, "description", void 0), a([l()], Pe.prototype, "headingLevel", void 0), a([l()], Pe.prototype, "title", void 0), Pe = a([O("esri.widgets.Feature.support.FeatureElementInfo")], Pe);
+const ht = Pe, Zn = { base: "esri-feature-attachments" };
+let ae = class extends te {
+  constructor(e, i) {
+    super(e, i), this._featureElementInfo = null, this.attachmentsWidget = new jn(), this.headingLevel = 2, this.viewModel = new Qt();
+  }
+  initialize() {
+    this._featureElementInfo = new ht(), this.addHandles([y(() => {
+      var e, i;
+      return [(e = this.viewModel) == null ? void 0 : e.description, (i = this.viewModel) == null ? void 0 : i.title, this.headingLevel];
+    }, () => this._setupFeatureElementInfo(), R), y(() => this.viewModel, (e) => this.attachmentsWidget.viewModel = e, R)]);
+  }
+  destroy() {
+    var e;
+    this.attachmentsWidget.viewModel = null, this.attachmentsWidget.destroy(), (e = this._featureElementInfo) == null || e.destroy();
+  }
+  get description() {
+    return this.viewModel.description;
+  }
+  set description(e) {
+    this.viewModel.description = e;
+  }
+  get displayType() {
+    return this.attachmentsWidget.displayType;
+  }
+  set displayType(e) {
+    this.attachmentsWidget.displayType = e;
+  }
+  get graphic() {
+    return this.viewModel.graphic;
+  }
+  set graphic(e) {
+    this.viewModel.graphic = e;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(e) {
+    this.viewModel.title = e;
+  }
+  render() {
+    var i;
+    const { attachmentsWidget: e } = this;
+    return h("div", { class: Zn.base }, (i = this._featureElementInfo) == null ? void 0 : i.render(), e == null ? void 0 : e.render());
+  }
+  _setupFeatureElementInfo() {
+    var n;
+    const { description: e, title: i, headingLevel: s } = this;
+    (n = this._featureElementInfo) == null || n.set({ description: e, title: i, headingLevel: s });
+  }
+};
+a([l({ readOnly: !0 })], ae.prototype, "attachmentsWidget", void 0), a([l()], ae.prototype, "description", null), a([l()], ae.prototype, "displayType", null), a([l()], ae.prototype, "graphic", null), a([l()], ae.prototype, "headingLevel", void 0), a([l()], ae.prototype, "title", null), a([l({ type: Qt })], ae.prototype, "viewModel", void 0), ae = a([O("esri.widgets.Feature.FeatureAttachments")], ae);
+const Qn = ae;
+let ge = class extends me {
+  constructor(e) {
+    super(e), this._loadingPromise = null, this.created = null, this.creator = null, this.destroyer = null, this.graphic = null, this.addHandles(y(() => this.creator, (i) => {
+      this._destroyContent(), this._createContent(i);
+    }, R));
+  }
+  destroy() {
+    this._destroyContent();
+  }
+  get state() {
+    return this._loadingPromise ? "loading" : "ready";
+  }
+  _destroyContent() {
+    const { created: e, graphic: i, destroyer: s } = this;
+    e && i && (lt(s, { graphic: i }).catch(() => null), this._set("created", null));
+  }
+  async _createContent(e) {
+    const i = this.graphic;
+    if (!i || !e)
+      return;
+    const s = lt(e, { graphic: i }).catch(() => null);
+    this._loadingPromise = s, this.notifyChange("state");
+    const n = await s;
+    s === this._loadingPromise && (this._loadingPromise = null, this.notifyChange("state"), this._set("created", n));
+  }
+};
+a([l({ readOnly: !0 })], ge.prototype, "created", void 0), a([l()], ge.prototype, "creator", void 0), a([l()], ge.prototype, "destroyer", void 0), a([l({ type: De })], ge.prototype, "graphic", void 0), a([l({ readOnly: !0 })], ge.prototype, "state", null), ge = a([O("esri.widgets.Feature.FeatureContent.FeatureContentViewModel")], ge);
+const dt = ge;
+function ss(t) {
+  return (e) => {
+    e.hasOwnProperty("_delegatedEventNames") || (e._delegatedEventNames = e._delegatedEventNames ? e._delegatedEventNames.slice() : []);
+    const i = e._delegatedEventNames, s = Array.isArray(t) ? t : Gn(t);
+    i.push(...s);
+  };
+}
+function Gn(t) {
+  return t.split(",").map((e) => e.trim());
+}
+function ns(t) {
+  return t && typeof t.render == "function";
+}
+function Xn(t) {
+  return t && typeof t.postMixInProperties == "function" && typeof t.buildRendering == "function" && typeof t.postCreate == "function" && typeof t.startup == "function";
+}
+const Ct = "esri-feature-content", At = { base: Ct, loaderContainer: `${Ct}__loader-container`, loader: `${Ct}__loader` };
+let Oe = class extends te {
+  constructor(e, i) {
+    super(e, i), this.viewModel = null, this._addTargetToAnchors = (s) => {
+      Array.from(s.querySelectorAll("a")).forEach((n) => {
+        Qi(n.href) && !n.hasAttribute("target") && n.setAttribute("target", "_blank");
+      });
+    };
+  }
+  get creator() {
+    var e;
+    return (e = this.viewModel) == null ? void 0 : e.creator;
+  }
+  set creator(e) {
+    this.viewModel && (this.viewModel.creator = e);
+  }
+  get graphic() {
+    var e;
+    return (e = this.viewModel) == null ? void 0 : e.graphic;
+  }
+  set graphic(e) {
+    this.viewModel && (this.viewModel.graphic = e);
+  }
+  render() {
+    var i;
+    const e = (i = this.viewModel) == null ? void 0 : i.state;
+    return h("div", { class: At.base }, e === "loading" ? this._renderLoading() : this._renderCreated());
+  }
+  _renderLoading() {
+    return h("div", { class: At.loaderContainer, key: "loader" }, h("div", { class: At.loader }));
+  }
+  _renderCreated() {
+    var i;
+    const e = (i = this.viewModel) == null ? void 0 : i.created;
+    return e ? e instanceof HTMLElement ? h("div", { afterCreate: this._attachToNode, bind: e, key: e }) : ns(e) ? h("div", { key: e }, !e.destroyed && e.render()) : h("div", { afterCreate: this._addTargetToAnchors, innerHTML: e, key: e }) : null;
+  }
+  _attachToNode(e) {
+    const i = this;
+    e.appendChild(i);
+  }
+};
+a([l()], Oe.prototype, "creator", null), a([l()], Oe.prototype, "graphic", null), a([l({ type: dt })], Oe.prototype, "viewModel", void 0), Oe = a([O("esri.widgets.Feature.FeatureContent")], Oe);
+const tt = Oe;
+let ue = class extends me {
+  constructor(e) {
+    super(e), this.attributes = null, this.expressionInfos = null, this.description = null, this.fieldInfos = null, this.title = null;
+  }
+  get formattedFieldInfos() {
+    const { expressionInfos: e, fieldInfos: i } = this, s = [];
+    return i == null || i.forEach((n) => {
+      if (!(!n.hasOwnProperty("visible") || n.visible))
+        return;
+      const r = n.clone();
+      r.label = Gi(r, e), s.push(r);
+    }), s;
+  }
+};
+a([l()], ue.prototype, "attributes", void 0), a([l({ type: [$s] })], ue.prototype, "expressionInfos", void 0), a([l()], ue.prototype, "description", void 0), a([l({ type: [Vi] })], ue.prototype, "fieldInfos", void 0), a([l({ readOnly: !0 })], ue.prototype, "formattedFieldInfos", null), a([l()], ue.prototype, "title", void 0), ue = a([O("esri.widgets.Feature.FeatureFields.FeatureFieldsViewModel")], ue);
+const pt = ue, Yn = [{ pattern: /^\s*(https?:\/\/([^\s]+))\s*$/i, target: "_blank", label: "{messages.view}" }, { pattern: /^\s*(tel:([^\s]+))\s*$/i, label: "{hierPart}" }, { pattern: /^\s*(mailto:([^\s]+))\s*$/i, label: "{hierPart}" }, { pattern: /^\s*(arcgis-appstudio-player:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "App Studio Player" }, { pattern: /^\s*(arcgis-collector:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Collector" }, { pattern: /^\s*(arcgis-explorer:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Explorer" }, { pattern: /^\s*(arcgis-navigator:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Navigator" }, { pattern: /^\s*(arcgis-survey123:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Survey123" }, { pattern: /^\s*(arcgis-trek2there:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Trek2There" }, { pattern: /^\s*(arcgis-workforce:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Workforce" }, { pattern: /^\s*(iform:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "iForm" }, { pattern: /^\s*(flow:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "FlowFinity" }, { pattern: /^\s*(lfmobile:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Laserfische" }, { pattern: /^\s*(mspbi:\/\/([^\s]+))\s*$/i, label: "{messages.openInApp}", appName: "Microsoft Power Bi" }];
+function Kn(t, e) {
+  if (typeof e != "string" || !e)
+    return e;
+  const i = Yn.find((c) => c.pattern.test(e));
+  if (!i)
+    return e;
+  const s = e.match(i.pattern), n = s && s[2], r = Ze(Ze(i.label, { messages: t, hierPart: n }), { appName: i.appName }), o = i.target ? ` target="${i.target}"` : "", d = i.target === "_blank" ? ' rel="noreferrer"' : "";
+  return e.replace(i.pattern, `<a${o} href="$1"${d}>${r}</a>`);
+}
+const Ye = "esri-feature-fields", Ke = { base: Ye, fieldHeader: `${Ye}__field-header`, fieldData: `${Ye}__field-data`, fieldDataDate: `${Ye}__field-data--date` };
+let oe = class extends te {
+  constructor(e, i) {
+    super(e, i), this._featureElementInfo = null, this.viewModel = new pt(), this.messages = null, this.messagesURIUtils = null;
+  }
+  initialize() {
+    this._featureElementInfo = new ht(), this.addHandles(y(() => {
+      var e, i;
+      return [(e = this.viewModel) == null ? void 0 : e.description, (i = this.viewModel) == null ? void 0 : i.title];
+    }, () => this._setupFeatureElementInfo(), R));
+  }
+  destroy() {
+    var e;
+    (e = this._featureElementInfo) == null || e.destroy();
+  }
+  get attributes() {
+    return this.viewModel.attributes;
+  }
+  set attributes(e) {
+    this.viewModel.attributes = e;
+  }
+  get description() {
+    return this.viewModel.description;
+  }
+  set description(e) {
+    this.viewModel.description = e;
+  }
+  get expressionInfos() {
+    return this.viewModel.expressionInfos;
+  }
+  set expressionInfos(e) {
+    this.viewModel.expressionInfos = e;
+  }
+  get fieldInfos() {
+    return this.viewModel.fieldInfos;
+  }
+  set fieldInfos(e) {
+    this.viewModel.fieldInfos = e;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(e) {
+    this.viewModel.title = e;
+  }
+  render() {
+    var e;
+    return h("div", { class: Ke.base }, (e = this._featureElementInfo) == null ? void 0 : e.render(), this._renderFields());
+  }
+  _renderFieldInfo(e, i) {
+    const { attributes: s } = this.viewModel, n = e.fieldName, r = e.label || n, o = s ? s[n] == null ? "" : s[n] : "", d = !(!e.format || !e.format.dateFormat), c = typeof o == "number" && !d ? this._forceLTR(o) : Kn(this.messagesURIUtils, o), u = { [Ke.fieldDataDate]: d };
+    return h("tr", { key: `fields-element-info-row-${n}-${i}` }, h("th", { class: Ke.fieldHeader, innerHTML: r, key: `fields-element-info-row-header-${n}-${i}` }), h("td", { class: this.classes(Ke.fieldData, u), innerHTML: c, key: `fields-element-info-row-data-${n}-${i}` }));
+  }
+  _renderFields() {
+    const { formattedFieldInfos: e } = this.viewModel;
+    return e != null && e.length ? h("table", { class: F.table, summary: this.messages.fieldsSummary }, h("tbody", null, e.map((i, s) => this._renderFieldInfo(i, s)))) : null;
+  }
+  _setupFeatureElementInfo() {
+    var s;
+    const { description: e, title: i } = this;
+    (s = this._featureElementInfo) == null || s.set({ description: e, title: i });
+  }
+  _forceLTR(e) {
+    return `&lrm;${e}`;
+  }
+};
+a([l()], oe.prototype, "attributes", null), a([l()], oe.prototype, "description", null), a([l()], oe.prototype, "expressionInfos", null), a([l()], oe.prototype, "fieldInfos", null), a([l()], oe.prototype, "title", null), a([l({ type: pt, nonNullable: !0 })], oe.prototype, "viewModel", void 0), a([l(), ee("esri/widgets/Feature/t9n/Feature")], oe.prototype, "messages", void 0), a([l(), ee("esri/widgets/support/t9n/uriUtils")], oe.prototype, "messagesURIUtils", void 0), oe = a([O("esri.widgets.Feature.FeatureFields")], oe);
+const rs = oe, Jn = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, er = { maximumFractionDigits: 20 };
+function tr(t) {
+  return Se(t, er);
+}
+const ir = "<", sr = ">";
+function nr(t, e, i, s) {
+  let n = "";
+  return e === 0 ? n = `${ir} ` : e === i && (n = `${sr} `), n + (s ? Wt(t, s) : tr(t));
+}
+const rr = new Bi([64, 64, 64]);
+function or(t, e) {
+  const i = [], s = t.length - 1;
+  return t.length === 5 ? i.push(0, 2, 4) : i.push(0, s), t.map((n, r) => i.includes(r) ? nr(n, r, s, e) : null);
+}
+async function ar(t, e, i) {
+  let s = !1, n = [], r = [];
+  if (t.stops) {
+    const u = t.stops;
+    n = u.map((p) => p.value), s = u.some((p) => !!p.label), s && (r = u.map((p) => p.label));
+  }
+  const o = n[0], d = n[n.length - 1];
+  if (o == null && d == null)
+    return null;
+  const c = s ? null : or(n, i);
+  return (await Promise.all(n.map(async (u, p) => ({ value: u, color: t.type === "opacity" ? await lr(u, t, e) : (await import("./visualVariableUtils-1a38c540.js")).getColor(t, u), label: s ? r[p] : (c == null ? void 0 : c[p]) ?? "" })))).reverse();
+}
+async function lr(t, e, i) {
+  const s = new Bi(i ?? rr), n = (await import("./visualVariableUtils-1a38c540.js")).getOpacity(e, t);
+  return n != null && (s.a = n), s;
+}
+function dr(t) {
+  if (!t.colorStops)
+    return [];
+  const e = [...t.colorStops].filter((s) => {
+    var n;
+    return ((n = s.color) == null ? void 0 : n.a) > 0;
+  });
+  let i = e.length - 1;
+  if (e && e[0]) {
+    const s = e[i];
+    s && s.ratio !== 1 && (e.push(new ln({ ratio: 1, color: s.color })), i++);
+  }
+  return e.map((s, n) => {
+    var o, d;
+    let r = "";
+    return n === 0 ? r = ((o = t.legendOptions) == null ? void 0 : o.minLabel) || "low" : n === i && (r = ((d = t.legendOptions) == null ? void 0 : d.maxLabel) || "high"), { color: s.color, label: r, ratio: s.ratio };
+  }).reverse();
+}
+async function J(t, e, i) {
+  Es(t, e, () => []).push(...i);
+}
+async function cr(t) {
+  var i, s;
+  const e = /* @__PURE__ */ new Map();
+  if (!t)
+    return e;
+  if ("visualVariables" in t && t.visualVariables) {
+    const n = t.visualVariables.filter((r) => r.type === "color");
+    for (const r of n) {
+      const o = (await ar(r) ?? []).map((d) => d.color);
+      await J(e, r.field || r.valueExpression, o);
+    }
+  }
+  if (t.type === "heatmap") {
+    const n = dr(t).map((r) => r.color);
+    await J(e, t.field || t.valueExpression, n);
+  } else if (t.type === "pie-chart") {
+    for (const n of t.attributes)
+      await J(e, n.field || n.valueExpression, [n.color]);
+    await J(e, "default", [(i = t == null ? void 0 : t.othersCategory) == null ? void 0 : i.color, Re(t.backgroundFillSymbol, null)]);
+  } else if (t.type === "dot-density") {
+    for (const n of t.attributes)
+      await J(e, n.field || n.valueExpression, [n.color]);
+    await J(e, "default", [t.backgroundColor]);
+  } else if (t.type === "unique-value")
+    if (((s = t.authoringInfo) == null ? void 0 : s.type) === "predominance")
+      for (const n of t.uniqueValueInfos ?? [])
+        await J(e, n.value.toString(), [Re(n.symbol, null)]);
+    else {
+      const n = (t.uniqueValueInfos ?? []).map((u) => Re(u.symbol, null)), { field: r, field2: o, field3: d, valueExpression: c } = t;
+      (r || c) && await J(e, r || c, n), o && await J(e, o, n), d && await J(e, d, n);
+    }
+  else if (t.type === "class-breaks") {
+    const n = t.classBreakInfos.map((d) => Re(d.symbol, null)), { field: r, valueExpression: o } = t;
+    await J(e, r ?? o, n);
+  } else
+    t.type === "simple" && await J(e, "default", [Re(t.symbol, null)]);
+  return "defaultSymbol" in t && t.defaultSymbol && await J(e, "default", [Re(t.defaultSymbol, null)]), e.forEach((n, r) => {
+    const o = qt(n.filter(Boolean), (d, c) => JSON.stringify(d) === JSON.stringify(c));
+    e.set(r, o);
+  }), e;
+}
+const ur = "esri.widgets.Feature.support.relatedFeatureUtils", vi = () => q.getLogger(ur), _i = /* @__PURE__ */ new Map();
+function it(t) {
+  if (!pe(t))
+    return null;
+  const [e, i] = t.split("/").slice(1);
+  return { layerId: e, fieldName: i };
+}
+function hr(t, e) {
+  if (!e.relationships)
+    return null;
+  let i = null;
+  const { relationships: s } = e;
+  return s.some((n) => n.id === parseInt(t, 10) && (i = n, !0)), i;
+}
+function pr({ originRelationship: t, relationships: e, layerId: i }) {
+  return e.find(({ relatedTableId: s, id: n }) => `${s}` === i && n === (t == null ? void 0 : t.id)) ?? null;
+}
+function mr(t, e) {
+  const i = e.toLowerCase();
+  for (const s in t)
+    if (s.toLowerCase() === i)
+      return t[s];
+  return null;
+}
+function fr(t, e) {
+  const i = hr(t, e);
+  if (i)
+    return { url: `${e.url}/${i.relatedTableId}`, sourceSpatialReference: e.spatialReference, relation: i, relatedFields: [], outStatistics: [] };
+}
+function gr(t, e) {
+  if (!e || !t)
+    return;
+  const { features: i, statsFeatures: s } = t, n = i == null ? void 0 : i.value;
+  e.relatedFeatures = n ? n.features : [];
+  const r = s == null ? void 0 : s.value;
+  e.relatedStatsFeatures = r ? r.features : [];
+}
+function yr(t, e, i, s) {
+  var r;
+  const n = new Pt();
+  return n.outFields = ["*"], n.relationshipId = typeof e.id == "number" ? e.id : parseInt(e.id, 10), n.objectIds = [t.attributes[i.objectIdField]], ((r = i.queryRelatedFeatures) == null ? void 0 : r.call(i, n, s)) ?? Promise.resolve({});
+}
+function vr(t, e, i) {
+  let s = 0;
+  const n = [];
+  for (; s < e.length; )
+    n.push(`${t} IN (${e.slice(s, i + s)})`), s += i;
+  return n.join(" OR ");
+}
+function _r(t) {
+  return t ? qt(t) : void 0;
+}
+function wr(t) {
+  return t ? qt(t, (e, i) => JSON.stringify(e.toJSON()) === JSON.stringify(i.toJSON())) : void 0;
+}
+async function br(t, e, i, s) {
+  const n = i.layerId.toString(), { layerInfo: r, relation: o, relatedFields: d, outStatistics: c, url: u, sourceSpatialReference: p } = e, m = _r(d), f = wr(c);
+  if (!r || !o)
+    return null;
+  const g = pr({ originRelationship: o, relationships: r.relationships, layerId: n });
+  if (g != null && g.relationshipTableId && g.keyFieldInRelationshipTable) {
+    const _ = (await yr(t, g, i, s))[t.attributes[i.objectIdField]];
+    if (!_)
+      return null;
+    const I = _.features.map((w) => w.attributes[r.objectIdField]);
+    if (f != null && f.length && r.supportsStatistics) {
+      const w = new gt();
+      w.where = vr(r.objectIdField, I, 1e3), w.outFields = m, w.outStatistics = f, w.sourceSpatialReference = p;
+      const A = { features: Promise.resolve(_), statsFeatures: _t(u, w) };
+      return ke(A);
+    }
+  }
+  const v = g == null ? void 0 : g.keyField;
+  if (v) {
+    const _ = Ts(Ar(r.fields, v)), I = mr(t.attributes, o.keyField), w = _ ? `${v}=${I}` : `${v}='${I}'`, A = _t(u, new gt({ where: w, outFields: m, sourceSpatialReference: p }), s), k = f != null && f.length && r.supportsStatistics ? _t(u, new gt({ where: w, outFields: m, outStatistics: f, sourceSpatialReference: p }), s) : null, M = { features: A };
+    return k && (M.statsFeatures = k), ke(M);
+  }
+  return null;
+}
+function Mr(t, e) {
+  return Ls(t, { query: { f: "json" }, signal: e == null ? void 0 : e.signal });
+}
+function Fr({ relatedInfos: t, layer: e }, i) {
+  const s = {};
+  return t.forEach((n, r) => {
+    const { relation: o } = n;
+    if (!o) {
+      const m = new L("relation-required", "A relation is required on a layer to retrieve related records.");
+      throw vi().error(m), m;
+    }
+    const { relatedTableId: d } = o;
+    if (typeof d != "number") {
+      const m = new L("A related table ID is required on a layer to retrieve related records.");
+      throw vi().error(m), m;
+    }
+    const c = `${e.url}/${d}`, u = _i.get(c), p = u ?? Mr(c);
+    u || _i.set(c, p), s[r] = p;
+  }), xs(ke(s), i);
+}
+function Ir({ graphic: t, relatedInfos: e, layer: i }, s) {
+  const n = {};
+  return e.forEach((r, o) => {
+    r.layerInfo && (n[o] = br(t, r, i, s));
+  }), ke(n);
+}
+function Cr({ relatedInfo: t, fieldName: e, fieldInfo: i }) {
+  var s, n;
+  if ((s = t.relatedFields) == null || s.push(e), i.statisticType) {
+    const r = new ks({ statisticType: i.statisticType, onStatisticField: e, outStatisticFieldName: e });
+    (n = t.outStatistics) == null || n.push(r);
+  }
+}
+function Ar(t, e) {
+  if (t != null) {
+    e = e.toLowerCase();
+    for (const i of t)
+      if (i && i.name.toLowerCase() === e)
+        return i;
+  }
+  return null;
+}
+const wi = { chartAnimation: !0 };
+let B = class extends me {
+  constructor(e) {
+    super(e), this.abilities = { ...wi }, this.activeMediaInfoIndex = 0, this.attributes = null, this.description = null, this.fieldInfoMap = null, this.formattedAttributes = null, this.expressionAttributes = null, this.isAggregate = !1, this.layer = null, this.mediaInfos = null, this.popupTemplate = null, this.relatedInfos = null, this.title = null;
+  }
+  castAbilities(e) {
+    return { ...wi, ...e };
+  }
+  get activeMediaInfo() {
+    return this.formattedMediaInfos[this.activeMediaInfoIndex] || null;
+  }
+  get formattedMediaInfos() {
+    return this._formatMediaInfos() || [];
+  }
+  get formattedMediaInfoCount() {
+    return this.formattedMediaInfos.length;
+  }
+  setActiveMedia(e) {
+    this._setContentElementMedia(e);
+  }
+  next() {
+    this._pageContentElementMedia(1);
+  }
+  previous() {
+    this._pageContentElementMedia(-1);
+  }
+  _setContentElementMedia(e) {
+    const { formattedMediaInfoCount: i } = this, s = (e + i) % i;
+    this.activeMediaInfoIndex = s;
+  }
+  _pageContentElementMedia(e) {
+    const { activeMediaInfoIndex: i } = this, s = i + e;
+    this._setContentElementMedia(s);
+  }
+  _formatMediaInfos() {
+    const { mediaInfos: e, layer: i } = this, s = this.attributes ?? {}, n = this.formattedAttributes ?? {}, r = this.expressionAttributes ?? {}, o = this.fieldInfoMap ?? /* @__PURE__ */ new Map();
+    return (e == null ? void 0 : e.map((d) => {
+      const c = d == null ? void 0 : d.clone();
+      if (!c)
+        return null;
+      if (c.title = Ie({ attributes: s, fieldInfoMap: o, globalAttributes: n, expressionAttributes: r, layer: i, text: c.title }), c.caption = Ie({ attributes: s, fieldInfoMap: o, globalAttributes: n, expressionAttributes: r, layer: i, text: c.caption }), c.altText = Ie({ attributes: s, fieldInfoMap: o, globalAttributes: n, expressionAttributes: r, layer: i, text: c.altText }), c.type === "image") {
+        const { value: u } = c;
+        return this._setImageValue({ value: u, formattedAttributes: n, layer: i }), c.value.sourceURL ? c : void 0;
+      }
+      if (c.type === "pie-chart" || c.type === "line-chart" || c.type === "column-chart" || c.type === "bar-chart") {
+        const { value: u } = c;
+        return this._setChartValue({ value: u, chartType: c.type, attributes: s, formattedAttributes: n, layer: i, expressionAttributes: r }), c;
+      }
+      return null;
+    }).filter(ut)) ?? [];
+  }
+  _setImageValue(e) {
+    const i = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { value: s, formattedAttributes: n, layer: r } = e, { linkURL: o, sourceURL: d } = s;
+    if (d) {
+      const c = St(d, r);
+      s.sourceURL = Nt({ formattedAttributes: n, template: c, fieldInfoMap: i });
+    }
+    if (o) {
+      const c = St(o, r);
+      s.linkURL = Nt({ formattedAttributes: n, template: c, fieldInfoMap: i });
+    }
+  }
+  _setChartValue(e) {
+    const { value: i, attributes: s, formattedAttributes: n, chartType: r, layer: o, expressionAttributes: d } = e, { popupTemplate: c, relatedInfos: u } = this, { fields: p, normalizeField: m } = i, f = o;
+    if (i.fields = Fn(p, f), m && (i.normalizeField = Qe(m, f)), !p.some((v) => !!(n[v] != null || pe(v) && (u != null && u.size))))
+      return;
+    const g = (c == null ? void 0 : c.fieldInfos) ?? [];
+    p.forEach((v, _) => {
+      var A;
+      const I = (A = i.colors) == null ? void 0 : A[_];
+      if (pe(v))
+        return void (i.series = [...i.series, ...this._getRelatedChartInfos({ fieldInfos: g, fieldName: v, formattedAttributes: n, chartType: r, value: i, color: I })]);
+      const w = this._getChartOption({ value: i, attributes: s, chartType: r, formattedAttributes: n, expressionAttributes: d, fieldName: v, fieldInfos: g, color: I });
+      i.series.push(w);
+    });
+  }
+  _getRelatedChartInfos(e) {
+    var v;
+    const { fieldInfos: i, fieldName: s, formattedAttributes: n, chartType: r, value: o, color: d } = e, c = [], u = it(s), p = u && ((v = this.relatedInfos) == null ? void 0 : v.get(u.layerId.toString()));
+    if (!p)
+      return c;
+    const { relatedFeatures: m, relation: f } = p;
+    if (!f || !m)
+      return c;
+    const { cardinality: g } = f;
+    return m.forEach((_) => {
+      const { attributes: I } = _;
+      I && Object.keys(I).forEach((w) => {
+        w === u.fieldName && c.push(this._getChartOption({ value: o, attributes: I, formattedAttributes: n, fieldName: s, chartType: r, relatedFieldName: w, hasMultipleRelatedFeatures: (m == null ? void 0 : m.length) > 1, fieldInfos: i, color: d }));
+      });
+    }), g === "one-to-many" || g === "many-to-many" ? c : [c[0]];
+  }
+  _getTooltip({ label: e, value: i, chartType: s }) {
+    return s === "pie-chart" ? `${e}` : `${e}: ${i}`;
+  }
+  _getChartOption(e) {
+    var ie;
+    const { value: i, attributes: s, formattedAttributes: n, expressionAttributes: r, fieldName: o, relatedFieldName: d, fieldInfos: c, chartType: u, hasMultipleRelatedFeatures: p, color: m } = e, f = this.layer, g = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { normalizeField: v, tooltipField: _ } = i, I = v ? pe(v) ? s[it(v).fieldName] : s[v] : null, w = Ht(o) && r && r[o] !== void 0 ? r[o] : d && s[d] !== void 0 ? s[d] : s[o] !== void 0 ? s[o] : n[o], A = new Rs({ fieldName: o, color: m, value: w === void 0 ? null : w && I ? w / I : w });
+    if (pe(o)) {
+      const H = g.get(o.toLowerCase()), mt = _ && g.get(_.toLowerCase()), gs = (H == null ? void 0 : H.fieldName) ?? o, ft = p && _ ? it(_).fieldName : (mt == null ? void 0 : mt.fieldName) ?? _, ys = p && ft ? s[ft] : n[ft] ?? (H == null ? void 0 : H.label) ?? (H == null ? void 0 : H.fieldName) ?? d, vs = p && d ? s[d] : n[gs];
+      return A.tooltip = this._getTooltip({ label: ys, value: vs, chartType: u }), A;
+    }
+    const k = Ki(c, o), M = Qe(o, f), re = _ && n[_] !== void 0 ? n[_] : Gi(k || new Vi({ fieldName: M }), (ie = this.popupTemplate) == null ? void 0 : ie.expressionInfos), K = n[M];
+    return A.tooltip = this._getTooltip({ label: re, value: K, chartType: u }), A;
+  }
+};
+a([l()], B.prototype, "abilities", void 0), a([Be("abilities")], B.prototype, "castAbilities", null), a([l()], B.prototype, "activeMediaInfoIndex", void 0), a([l({ readOnly: !0 })], B.prototype, "activeMediaInfo", null), a([l()], B.prototype, "attributes", void 0), a([l()], B.prototype, "description", void 0), a([l()], B.prototype, "fieldInfoMap", void 0), a([l()], B.prototype, "formattedAttributes", void 0), a([l()], B.prototype, "expressionAttributes", void 0), a([l({ readOnly: !0 })], B.prototype, "formattedMediaInfos", null), a([l()], B.prototype, "isAggregate", void 0), a([l()], B.prototype, "layer", void 0), a([l({ readOnly: !0 })], B.prototype, "formattedMediaInfoCount", null), a([l()], B.prototype, "mediaInfos", void 0), a([l()], B.prototype, "popupTemplate", void 0), a([l()], B.prototype, "relatedInfos", void 0), a([l()], B.prototype, "title", void 0), B = a([O("esri.widgets.Feature.FeatureMedia.FeatureMediaViewModel")], B);
+const Ce = B, S = "esri-feature-media", Z = { base: S, mediaContainer: `${S}__container`, mediaItemContainer: `${S}__item-container`, mediaItem: `${S}__item`, mediaItemText: `${S}__item-text`, mediaItemTitle: `${S}__item-title`, mediaItemCaption: `${S}__item-caption`, mediaNavigation: `${S}__item-navigation`, mediaPagination: `${S}__pagination`, mediaPaginationText: `${S}__pagination-text`, mediaPrevious: `${S}__previous`, mediaPreviousIconLTR: `${S}__previous-icon`, mediaPreviousIconRTL: `${S}__previous-icon--rtl`, mediaNext: `${S}__next`, mediaNextIconLTR: `${S}__next-icon`, mediaNextIconRTL: `${S}__next-icon--rtl`, mediaChart: `${S}__chart`, mediaPaginationButton: `${S}__pagination-button`, mediaPaginationIcon: `${S}__pagination-icon`, mediaChartRendered: `${S}__chart--rendered` }, $t = 15, fe = "category", ze = "value", $r = "rgba(50, 50, 50, 1)", Er = 250, xr = 500, kr = 200;
+let Q = class extends te {
+  constructor(e, i) {
+    super(e, i), this._refreshTimer = null, this._refreshIntervalInfo = null, this._featureElementInfo = null, this._chartRootMap = /* @__PURE__ */ new WeakMap(), this.viewModel = new Ce(), this.messages = null, this._disposeChart = (s) => {
+      var n;
+      (n = this._chartRootMap.get(s)) == null || n.dispose(), this._chartRootMap.delete(s);
+    }, this._createChart = async (s) => {
+      const { destroyed: n, viewModel: r } = this;
+      if (n || !r || !s)
+        return;
+      const { createRoot: o } = await import("./chartUtilsAm5-08a29408.js"), d = await o(s);
+      this._chartRootMap.set(s, d), this._renderChart({ mediaInfo: r.activeMediaInfo, root: d });
+    };
+  }
+  initialize() {
+    this._featureElementInfo = new ht(), this.addHandles([y(() => {
+      var e, i;
+      return [(e = this.viewModel) == null ? void 0 : e.activeMediaInfo, (i = this.viewModel) == null ? void 0 : i.activeMediaInfoIndex];
+    }, () => this._setupMediaRefreshTimer(), R), y(() => {
+      var e, i;
+      return [(e = this.viewModel) == null ? void 0 : e.description, (i = this.viewModel) == null ? void 0 : i.title];
+    }, () => this._setupFeatureElementInfo(), R)]);
+  }
+  loadDependencies() {
+    return qe({ icon: () => import("./calcite-icon-07f22bc6.js") });
+  }
+  destroy() {
+    var e;
+    this._clearMediaRefreshTimer(), (e = this._featureElementInfo) == null || e.destroy();
+  }
+  get attributes() {
+    return this.viewModel.attributes;
+  }
+  set attributes(e) {
+    this.viewModel.attributes = e;
+  }
+  get activeMediaInfoIndex() {
+    return this.viewModel.activeMediaInfoIndex;
+  }
+  set activeMediaInfoIndex(e) {
+    this.viewModel.activeMediaInfoIndex = e;
+  }
+  get description() {
+    return this.viewModel.description;
+  }
+  set description(e) {
+    this.viewModel.description = e;
+  }
+  get fieldInfoMap() {
+    return this.viewModel.fieldInfoMap;
+  }
+  set fieldInfoMap(e) {
+    this.viewModel.fieldInfoMap = e;
+  }
+  get layer() {
+    return this.viewModel.layer;
+  }
+  set layer(e) {
+    this.viewModel.layer = e;
+  }
+  get mediaInfos() {
+    return this.viewModel.mediaInfos;
+  }
+  set mediaInfos(e) {
+    this.viewModel.mediaInfos = e;
+  }
+  get popupTemplate() {
+    return this.viewModel.popupTemplate;
+  }
+  set popupTemplate(e) {
+    this.viewModel.popupTemplate = e;
+  }
+  get relatedInfos() {
+    return this.viewModel.relatedInfos;
+  }
+  set relatedInfos(e) {
+    this.viewModel.relatedInfos = e;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(e) {
+    this.viewModel.title = e;
+  }
+  render() {
+    var e;
+    return h("div", { bind: this, class: Z.base, onkeyup: this._handleMediaKeyup }, (e = this._featureElementInfo) == null ? void 0 : e.render(), this._renderMedia());
+  }
+  _renderMedia() {
+    const { formattedMediaInfoCount: e, activeMediaInfoIndex: i } = this.viewModel, s = this._renderMediaText();
+    return e ? h("div", { class: Z.mediaContainer, key: "media-element-container" }, this._renderMediaInfo(), h("div", { class: Z.mediaNavigation }, s, e > 1 ? h("div", { class: Z.mediaPagination }, this._renderMediaPageButton("previous"), h("span", { class: Z.mediaPaginationText }, de(this.messages.pageText, { index: i + 1, total: e })), this._renderMediaPageButton("next")) : null)) : null;
+  }
+  _renderMediaText() {
+    const { activeMediaInfo: e } = this.viewModel;
+    if (!e)
+      return null;
+    const i = e && e.title ? h("div", { class: Z.mediaItemTitle, innerHTML: e.title, key: "media-title" }) : null, s = e && e.caption ? h("div", { class: Z.mediaItemCaption, innerHTML: e.caption, key: "media-caption" }) : null;
+    return i || s ? h("div", { class: Z.mediaItemText, key: "media-text" }, i, s) : null;
+  }
+  _renderImageMediaInfo(e) {
+    const { _refreshIntervalInfo: i } = this, { activeMediaInfoIndex: s, formattedMediaInfoCount: n } = this.viewModel, { value: r, refreshInterval: o, altText: d, title: c, type: u } = e, { sourceURL: p, linkURL: m } = r, f = Qi(m ?? void 0) ? "_blank" : "_self", g = f === "_blank" ? "noreferrer" : "", v = o ? i : null, _ = v ? v.timestamp : 0, I = v ? v.sourceURL : p, w = h("img", { alt: d || c, key: `media-${u}-${s}-${n}-${_}`, src: I ?? void 0 });
+    return (m ? h("a", { href: m, rel: g, target: f, title: c }, w) : null) ?? w;
+  }
+  _renderChartMediaInfo(e) {
+    const { activeMediaInfoIndex: i, formattedMediaInfoCount: s } = this.viewModel;
+    return h("div", { afterCreate: this._createChart, afterRemoved: this._disposeChart, bind: this, class: Z.mediaChart, key: `media-${e.type}-${i}-${s}` });
+  }
+  _renderMediaInfoType() {
+    const { activeMediaInfo: e } = this.viewModel;
+    return e ? e.type === "image" ? this._renderImageMediaInfo(e) : e.type.includes("chart") ? this._renderChartMediaInfo(e) : null : null;
+  }
+  _renderMediaInfo() {
+    const { activeMediaInfo: e } = this.viewModel;
+    return e ? h("div", { class: Z.mediaItemContainer, key: "media-container" }, h("div", { class: Z.mediaItem, key: "media-item-container" }, this._renderMediaInfoType())) : null;
+  }
+  _renderMediaPageButton(e) {
+    if (this.viewModel.formattedMediaInfoCount < 2)
+      return null;
+    const i = e === "previous", s = i ? this.messages.previous : this.messages.next, n = i ? "chevron-left" : "chevron-right", r = i ? "media-previous" : "media-next", o = i ? this._previous : this._next;
+    return h("button", { "aria-label": s, bind: this, class: Z.mediaPaginationButton, key: r, onclick: o, tabIndex: 0, title: s, type: "button" }, h("calcite-icon", { class: Z.mediaPaginationIcon, icon: n, scale: "s" }));
+  }
+  _setupFeatureElementInfo() {
+    var s;
+    const { description: e, title: i } = this;
+    (s = this._featureElementInfo) == null || s.set({ description: e, title: i });
+  }
+  _next() {
+    this.viewModel.next();
+  }
+  _previous() {
+    this.viewModel.previous();
+  }
+  _getRenderer() {
+    if (!this.viewModel)
+      return;
+    const { isAggregate: e, layer: i } = this.viewModel;
+    return e && (i != null && i.featureReduction) && "renderer" in i.featureReduction ? i.featureReduction.renderer : i == null ? void 0 : i.renderer;
+  }
+  async _getSeriesColors(e) {
+    const { colorAm5: i } = await import("./chartCommon-cceb2530.js"), s = /* @__PURE__ */ new Map();
+    return e.forEach((n) => {
+      n.color && s.set(n, i(n.color.toCss(!0)));
+    }), s;
+  }
+  async _getRendererColors() {
+    const { colorAm5: e } = await import("./chartCommon-cceb2530.js"), i = /* @__PURE__ */ new Map(), s = this._getRenderer(), n = "default";
+    if (!s)
+      return i;
+    const r = await cr(s);
+    return r.delete(n), Array.from(r.values()).every((o) => (o == null ? void 0 : o.length) === 1) && Array.from(r.keys()).forEach((o) => {
+      var c, u;
+      const d = (u = (c = r.get(o)) == null ? void 0 : c[0]) == null ? void 0 : u.toCss(!0);
+      d && i.set(o, e(d));
+    }), i;
+  }
+  _handleMediaKeyup(e) {
+    const { key: i } = e;
+    i === "ArrowLeft" && (e.stopPropagation(), this.viewModel.previous()), i === "ArrowRight" && (e.stopPropagation(), this.viewModel.next());
+  }
+  _canAnimateChart() {
+    return !!this.viewModel && !!this.viewModel.abilities.chartAnimation && !Jn();
+  }
+  _getChartAnimationMS() {
+    return this._canAnimateChart() ? Er : 0;
+  }
+  _getChartSeriesAnimationMS() {
+    return this._canAnimateChart() ? xr : 0;
+  }
+  async _renderChart(e) {
+    const { root: i, mediaInfo: s } = e, { value: n, type: r } = s, { ResponsiveThemeAm5: o, DarkThemeAm5: d, AnimatedThemeAm5: c, ColorSetAm5: u, ThemeAm5: p, esriChartColorSet: m } = await import("./chartCommon-cceb2530.js"), f = p.new(i);
+    f.rule("ColorSet").set("colors", m), f.rule("ColorSet").set("reuse", !0);
+    const g = [o.new(i), f];
+    Ps() && g.push(d.new(i)), this._canAnimateChart() && g.push(c.new(i)), i.setThemes(g);
+    const v = await this._getRendererColors(), _ = await this._getSeriesColors(n.series), I = u.new(i, {}), w = _.get(n.series[0]), A = w ? { lineSettings: { stroke: w } } : void 0, k = n.series.map((M, re) => {
+      const K = _.get(M) || v.get(M.fieldName) || I.getIndex(re);
+      return { [fe]: M.tooltip, [ze]: M.value, columnSettings: { fill: K, stroke: K }, ...A };
+    }).filter((M) => r !== "pie-chart" || M.value != null && M.value > 0);
+    r === "pie-chart" ? this._createPieChart(e, k) : this._createXYChart(e, k);
+  }
+  _getDirection() {
+    return xe(this.container) ? "rtl" : "ltr";
+  }
+  _isInversed() {
+    return !!xe(this.container);
+  }
+  async _customizeChartTooltip(e, i = "horizontal") {
+    var n;
+    const { colorAm5: s } = await import("./chartCommon-cceb2530.js");
+    e.setAll({ pointerOrientation: i }), (n = e.get("background")) == null || n.setAll({ stroke: s($r) }), e.label.setAll({ direction: this._getDirection(), oversizedBehavior: "wrap", maxWidth: kr });
+  }
+  async _createPieChart(e, i) {
+    const { TooltipAm5: s } = await import("./chartCommon-cceb2530.js"), { PieChartAm5: n, PieSeriesAm5: r } = await import("./pieChart-92709a5c.js"), { mediaInfo: o, root: d } = e, { title: c } = o, u = 5, p = (o == null ? void 0 : o.altText) || (o == null ? void 0 : o.title) || "", m = d.container.children.push(n.new(d, { ariaLabel: p, focusable: !0, paddingBottom: u, paddingTop: u, paddingLeft: u, paddingRight: u })), f = `{category}: {valuePercentTotal.formatNumber('0.00')}%
+ ({value})`, g = s.new(d, { labelText: f }), v = m.series.push(r.new(d, { name: c, valueField: ze, categoryField: fe, tooltip: g }));
+    v.ticks.template.set("forceHidden", !0), v.labels.template.set("forceHidden", !0), v.slices.template.states.create("active", { shiftRadius: u }), this._customizeChartTooltip(g), v.slices.template.setAll({ ariaLabel: f, focusable: !0, templateField: "columnSettings" }), v.data.setAll(i), v.appear(this._getChartSeriesAnimationMS()), m.appear(this._getChartAnimationMS()), m.root.dom.classList.toggle(Z.mediaChartRendered, !0);
+  }
+  _getMinSeriesValue(e) {
+    let i = 0;
+    return e.forEach((s) => i = Math.min(s.value, i)), i;
+  }
+  async _createColumnChart(e, i, s) {
+    const { TooltipAm5: n, ScrollbarAm5: r } = await import("./chartCommon-cceb2530.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, ColumnSeriesAm5: p } = await import("./xyChart-b3c4e27e.js"), { mediaInfo: m, root: f } = i, { value: g, title: v } = m;
+    e.setAll({ wheelX: "panX", wheelY: "zoomX" });
+    const _ = e.xAxes.push(o.new(f, { renderer: d.new(f, { inversed: this._isInversed() }), categoryField: fe }));
+    _.get("renderer").labels.template.setAll({ forceHidden: !0 });
+    const I = e.yAxes.push(c.new(f, { renderer: u.new(f, { inside: !1 }), min: this._getMinSeriesValue(g.series) }));
+    I.get("renderer").labels.template.setAll({ direction: this._getDirection() });
+    const w = "{categoryX}", A = n.new(f, { labelText: w }), k = e.series.push(p.new(f, { name: v, xAxis: _, yAxis: I, valueYField: ze, categoryXField: fe, tooltip: A }));
+    this._customizeChartTooltip(A), k.columns.template.setAll({ ariaLabel: w, focusable: !0, templateField: "columnSettings" }), g.series.length > $t && e.set("scrollbarX", r.new(f, { orientation: "horizontal" })), _.data.setAll(s), k.data.setAll(s), k.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
+  }
+  async _createBarChart(e, i, s) {
+    const { TooltipAm5: n, ScrollbarAm5: r } = await import("./chartCommon-cceb2530.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, ColumnSeriesAm5: p } = await import("./xyChart-b3c4e27e.js"), { mediaInfo: m, root: f } = i, { value: g, title: v } = m;
+    e.setAll({ wheelX: "panY", wheelY: "zoomY" });
+    const _ = e.yAxes.push(o.new(f, { renderer: u.new(f, { inversed: !0 }), categoryField: fe }));
+    _.get("renderer").labels.template.setAll({ forceHidden: !0 });
+    const I = e.xAxes.push(c.new(f, { renderer: d.new(f, { inside: !1, inversed: this._isInversed() }), min: this._getMinSeriesValue(g.series) }));
+    I.get("renderer").labels.template.setAll({ direction: this._getDirection() });
+    const w = "{categoryY}", A = n.new(f, { labelText: w }), k = e.series.push(p.new(f, { name: v, xAxis: I, yAxis: _, valueXField: ze, categoryYField: fe, tooltip: A }));
+    this._customizeChartTooltip(A, "vertical"), k.columns.template.setAll({ ariaLabel: w, focusable: !0, templateField: "columnSettings" }), g.series.length > $t && e.set("scrollbarY", r.new(f, { orientation: "vertical" })), _.data.setAll(s), k.data.setAll(s), k.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
+  }
+  async _createLineChart(e, i, s) {
+    var re, K, ie;
+    const { TooltipAm5: n, ScrollbarAm5: r } = await import("./chartCommon-cceb2530.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, LineSeriesAm5: p } = await import("./xyChart-b3c4e27e.js"), { root: m, mediaInfo: f } = i, { value: g, title: v } = f;
+    e.setAll({ wheelX: "panX", wheelY: "zoomX" });
+    const _ = e.xAxes.push(o.new(m, { renderer: d.new(m, { inversed: this._isInversed() }), categoryField: fe }));
+    _.get("renderer").labels.template.setAll({ forceHidden: !0 });
+    const I = e.yAxes.push(c.new(m, { renderer: u.new(m, { inside: !1 }), min: this._getMinSeriesValue(g.series) }));
+    I.get("renderer").labels.template.setAll({ direction: this._getDirection() });
+    const w = "{categoryX}", A = (K = (re = s[0]) == null ? void 0 : re.lineSettings) == null ? void 0 : K.stroke, k = n.new(m, { getFillFromSprite: !A, labelText: w });
+    A && ((ie = k.get("background")) == null || ie.setAll({ fill: A }));
+    const M = e.series.push(p.new(m, { name: v, xAxis: _, yAxis: I, valueYField: ze, categoryXField: fe, tooltip: k }));
+    M.strokes.template.setAll({ templateField: "lineSettings" }), this._customizeChartTooltip(k, "vertical"), g.series.length > $t && e.set("scrollbarX", r.new(m, { orientation: "horizontal" })), _.data.setAll(s), M.data.setAll(s), M.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
+  }
+  async _createXYChart(e, i) {
+    const { XYChartAm5: s, XYCursorAm5: n } = await import("./xyChart-b3c4e27e.js"), { root: r, mediaInfo: o } = e, { type: d } = o, c = (o == null ? void 0 : o.altText) || (o == null ? void 0 : o.title) || "", u = r.container.children.push(s.new(r, { ariaLabel: c, focusable: !0, panX: !0, panY: !0 }));
+    u.set("cursor", n.new(r, {})), d === "column-chart" && await this._createColumnChart(u, e, i), d === "bar-chart" && await this._createBarChart(u, e, i), d === "line-chart" && await this._createLineChart(u, e, i), u.root.dom.classList.toggle(Z.mediaChartRendered, !0);
+  }
+  _clearMediaRefreshTimer() {
+    const { _refreshTimer: e } = this;
+    e && (clearTimeout(e), this._refreshTimer = null);
+  }
+  _updateMediaInfoTimestamp(e) {
+    const i = Date.now();
+    this._refreshIntervalInfo = { timestamp: i, sourceURL: e && this._getImageSource(e, i) };
+  }
+  _setupMediaRefreshTimer() {
+    this._clearMediaRefreshTimer();
+    const { activeMediaInfo: e } = this.viewModel;
+    e && e.type === "image" && e.refreshInterval && this._setRefreshTimeout(e);
+  }
+  _setRefreshTimeout(e) {
+    const { refreshInterval: i, value: s } = e;
+    if (!i)
+      return;
+    const n = 6e4 * i;
+    this._updateMediaInfoTimestamp(s.sourceURL);
+    const r = setInterval(() => {
+      this._updateMediaInfoTimestamp(s.sourceURL);
+    }, n);
+    this._refreshTimer = r;
+  }
+  _getImageSource(e, i) {
+    const s = e.includes("?") ? "&" : "?", [n, r = ""] = e.split("#");
+    return `${n}${s}timestamp=${i}${r ? "#" : ""}${r}`;
+  }
+};
+a([l()], Q.prototype, "_refreshIntervalInfo", void 0), a([l()], Q.prototype, "attributes", null), a([l()], Q.prototype, "activeMediaInfoIndex", null), a([l()], Q.prototype, "description", null), a([l()], Q.prototype, "fieldInfoMap", null), a([l()], Q.prototype, "layer", null), a([l()], Q.prototype, "mediaInfos", null), a([l()], Q.prototype, "popupTemplate", null), a([l()], Q.prototype, "relatedInfos", null), a([l()], Q.prototype, "title", null), a([l({ type: Ce })], Q.prototype, "viewModel", void 0), a([l(), ee("esri/widgets/Feature/t9n/Feature")], Q.prototype, "messages", void 0), Q = a([O("esri.widgets.Feature.FeatureMedia")], Q);
+const os = Q, Tr = "esri.widgets.Feature.support.arcadeFeatureUtils", bi = () => q.getLogger(Tr);
+function Lr(t) {
+  return typeof t == "string" ? Xe(Ut(t)) : Array.isArray(t) ? Rr(t) : (t == null ? void 0 : t.declaredClass) === "esri.arcade.Dictionary" ? Pr(t) : t;
+}
+function Rr(t) {
+  return `<ul class="esri-widget__list">${t.map((e) => `<li>${typeof e == "string" ? Xe(Ut(e)) : e}</li>`).join("")}</ul>`;
+}
+function Pr(t) {
+  const e = t.keys().map((i) => {
+    const s = t.field(i);
+    return `<tr><th>${i}</th><td>${typeof s == "string" ? Xe(Ut(s)) : s}</td></tr>`;
+  }).join("");
+  return `<table class="${F.table}">${e}</table>`;
+}
+function as() {
+  return import("./arcade-b05c8c22.js");
+}
+function Or(t) {
+  return "createQuery" in t && "queryFeatures" in t;
+}
+async function Nr({ graphic: t, view: e, options: i }) {
+  const { isAggregate: s, layer: n } = t;
+  if (!s || !n || (e == null ? void 0 : e.type) !== "2d")
+    return [];
+  const r = await e.whenLayerView(n);
+  if (!Or(r))
+    return [];
+  const o = r.createQuery(), d = t.getObjectId();
+  o.aggregateIds = d != null ? [d] : [];
+  const { features: c } = await r.queryFeatures(o, i);
+  return c;
+}
+function Sr({ layer: t, aggregatedFeatures: e, interceptor: i }) {
+  const { fields: s, objectIdField: n, geometryType: r, spatialReference: o, displayField: d } = t;
+  return new dn({ fields: s, objectIdField: n, geometryType: r, spatialReference: o, displayField: d, interceptor: i, ...t.type === "feature" ? { templates: t.templates, typeIdField: t.typeIdField, types: t.types } : null, source: e });
+}
+async function ls({ expressionInfo: t, arcade: e, interceptor: i, spatialReference: s, map: n, graphic: r, location: o, view: d, options: c }) {
+  var k;
+  if (!(t != null && t.expression))
+    return null;
+  const { isAggregate: u } = r, p = (r.sourceLayer || r.layer) ?? void 0, m = u ? "feature-reduction-popup" : "popup", f = e.createArcadeProfile(m), g = e.createArcadeExecutor(t.expression, f).catch((M) => bi().error("arcade-executor-error", { error: M, expressionInfo: t })), [v, _] = await Promise.all([Nr({ graphic: r, view: d, options: c }), g]);
+  if (!_)
+    return null;
+  const I = m === "feature-reduction-popup" ? Sr({ layer: p, aggregatedFeatures: v, interceptor: i }) : void 0, w = { ...m === "feature-reduction-popup" ? { $aggregatedFeatures: I } : { $datastore: p == null ? void 0 : p.url, $layer: (p == null ? void 0 : p.type) === "feature" || (p == null ? void 0 : p.type) === "subtype-sublayer" ? p : (p == null ? void 0 : p.type) === "scene" && p.associatedLayer != null ? p.associatedLayer : void 0, $map: n, $userInput: o, $graph: (p == null ? void 0 : p.type) === "knowledge-graph-sublayer" ? (k = p == null ? void 0 : p.parentCompositeLayer) == null ? void 0 : k.knowledgeGraph : void 0 }, $feature: r }, A = { abortSignal: (c == null ? void 0 : c.signal) ?? void 0, interceptor: i ?? void 0, rawOutput: !0, spatialReference: s ?? void 0, timeZone: d == null ? void 0 : d.timeZone };
+  return await _.executeAsync(w, A).catch((M) => bi().error("arcade-execution-error", { error: M, graphic: r, expressionInfo: t })).finally(() => I == null ? void 0 : I.destroy());
+}
+async function Vr({ expressionInfos: t, spatialReference: e, graphic: i, interceptor: s, map: n, view: r, location: o, options: d }) {
+  if (!(t != null && t.length))
+    return {};
+  const c = await as(), u = {};
+  for (const f of t)
+    u[`expression/${f.name}`] = ls({ expressionInfo: f, arcade: c, interceptor: s, spatialReference: e, map: n, graphic: i, location: o, view: r, options: d });
+  const p = await ke(u), m = {};
+  for (const f in p)
+    m[f] = Lr(p[f].value);
+  return m;
+}
+const Br = 1;
+let Y = class extends me {
+  constructor(e) {
+    super(e), this._abortController = null, this.expressionInfo = null, this.graphic = null, this.contentElement = null, this.contentElementViewModel = null, this.interceptor = null, this.location = null, this.view = null, this._cancelQuery = () => {
+      const { _abortController: i } = this;
+      i && i.abort(), this._abortController = null;
+    }, this._createVM = () => {
+      var n, r;
+      const i = (n = this.contentElement) == null ? void 0 : n.type;
+      (r = this.contentElementViewModel) == null || r.destroy();
+      const s = i === "fields" ? new pt() : i === "media" ? new Ce() : i === "text" ? new dt() : null;
+      this._set("contentElementViewModel", s);
+    }, this._compile = async () => {
+      this._cancelQuery();
+      const i = new AbortController();
+      this._abortController = i, await this._compileExpression(), this._abortController === i && (this._abortController = null);
+    }, this._compileThrottled = at(this._compile, Br, this), this._compileExpression = async () => {
+      const { expressionInfo: i, graphic: s, interceptor: n, spatialReference: r, map: o, location: d, view: c, _abortController: u } = this;
+      if (!i || !s)
+        return void this._set("contentElement", null);
+      const p = await as();
+      if (u !== this._abortController)
+        return;
+      const m = await ls({ arcade: p, expressionInfo: i, graphic: s, location: d, interceptor: n, map: o, spatialReference: r, view: c });
+      if (!m || m.declaredClass !== "esri.arcade.Dictionary")
+        return void this._set("contentElement", null);
+      const f = await m.castAsJsonAsync(u == null ? void 0 : u.signal), g = f == null ? void 0 : f.type, v = g === "media" ? Ns.fromJSON(f) : g === "text" ? Di.fromJSON(f) : g === "fields" ? Ss.fromJSON(f) : null;
+      this._set("contentElement", v);
+    }, this.addHandles([y(() => [this.expressionInfo, this.graphic, this.map, this.spatialReference, this.view], () => this._compileThrottled(), R), y(() => [this.contentElement], () => this._createVM(), R)]);
+  }
+  initialize() {
+    this.addHandles(this._compileThrottled);
+  }
+  destroy() {
+    var e;
+    this._cancelQuery(), (e = this.contentElementViewModel) == null || e.destroy(), this._set("contentElementViewModel", null), this._set("contentElement", null);
+  }
+  get spatialReference() {
+    var e;
+    return ((e = this.view) == null ? void 0 : e.spatialReference) ?? null;
+  }
+  set spatialReference(e) {
+    this._override("spatialReference", e);
+  }
+  get state() {
+    const { _abortController: e, contentElement: i, contentElementViewModel: s } = this;
+    return e ? "loading" : i || s ? "ready" : "disabled";
+  }
+  get map() {
+    var e;
+    return ((e = this.view) == null ? void 0 : e.map) ?? null;
+  }
+  set map(e) {
+    this._override("map", e);
+  }
+};
+a([l()], Y.prototype, "_abortController", void 0), a([l({ type: Os })], Y.prototype, "expressionInfo", void 0), a([l({ type: De })], Y.prototype, "graphic", void 0), a([l({ readOnly: !0 })], Y.prototype, "contentElement", void 0), a([l({ readOnly: !0 })], Y.prototype, "contentElementViewModel", void 0), a([l()], Y.prototype, "interceptor", void 0), a([l({ type: zt })], Y.prototype, "location", void 0), a([l()], Y.prototype, "spatialReference", null), a([l({ readOnly: !0 })], Y.prototype, "state", null), a([l()], Y.prototype, "map", null), a([l()], Y.prototype, "view", void 0), Y = a([O("esri.widgets.Feature.FeatureExpression.FeatureExpressionViewModel")], Y);
+const Xt = Y, Et = "esri-feature", xt = { base: `${Et}-expression`, loadingSpinnerContainer: `${Et}__loading-container`, spinner: `${Et}__loading-spinner` };
+let st = class extends te {
+  constructor(e, i) {
+    super(e, i), this._contentWidget = null, this.viewModel = new Xt();
+  }
+  initialize() {
+    this.addHandles(y(() => {
+      var e;
+      return (e = this.viewModel) == null ? void 0 : e.contentElementViewModel;
+    }, () => this._setupExpressionWidget(), R));
+  }
+  destroy() {
+    this._destroyContentWidget();
+  }
+  render() {
+    var i;
+    const { state: e } = this.viewModel;
+    return h("div", { class: xt.base }, e === "loading" ? this._renderLoading() : e === "disabled" ? null : (i = this._contentWidget) == null ? void 0 : i.render());
+  }
+  _renderLoading() {
+    return h("div", { class: xt.loadingSpinnerContainer, key: "loading-container" }, h("span", { class: this.classes(ne.loadingIndicator, F.rotating, xt.spinner) }));
+  }
+  _destroyContentWidget() {
+    const { _contentWidget: e } = this;
+    e && (e.viewModel = null, e.destroy()), this._contentWidget = null;
+  }
+  _setupExpressionWidget() {
+    const { contentElementViewModel: e, contentElement: i } = this.viewModel, s = i == null ? void 0 : i.type;
+    this._destroyContentWidget();
+    const n = e ? s === "fields" ? new rs({ viewModel: e }) : s === "media" ? new os({ viewModel: e }) : s === "text" ? new tt({ viewModel: e }) : null : null;
+    this._contentWidget = n, this.scheduleRender();
+  }
+};
+a([l({ type: Xt })], st.prototype, "viewModel", void 0), st = a([O("esri.widgets.Feature.FeatureExpression")], st);
+const Dr = st;
+var Mi;
+(function(t) {
+  t.TOO_SHORT = "length-validation-error::too-short";
+})(Mi || (Mi = {}));
+const qr = (t) => {
+  var i;
+  const e = [];
+  if (t.formTemplate) {
+    const { description: s, title: n } = t.formTemplate;
+    (i = t.fields) == null || i.forEach((r) => {
+      const o = n && ri(n, r.name), d = s && ri(s, r.name);
+      (o || d) && e.push(r.name);
+    });
+  }
+  return e;
+}, kt = 100;
+let T = class extends Vs(qi(me)) {
+  constructor(e) {
+    super(e), this._loaded = !1, this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featuresPerPage = 10, this.description = null, this.graphic = null, this.layer = null, this.map = null, this.orderByFields = null, this.featureCount = 0, this.relationshipId = null, this.showAllEnabled = !1, this.title = null, this._cancelQuery = () => {
+      const { _queryAbortController: i } = this;
+      i && i.abort(), this._queryAbortController = null;
+    }, this._cancelQueryFeatureCount = () => {
+      const { _queryFeatureCountAbortController: i } = this;
+      i && i.abort(), this._queryFeatureCountAbortController = null;
+    }, this._cancelQueryPage = () => {
+      const { _queryPageAbortController: i } = this;
+      i && i.abort(), this._queryPageAbortController = null;
+    }, this._queryController = async () => {
+      this._cancelQuery();
+      const i = new AbortController();
+      this._queryAbortController = i, await yt(this._query()), this._queryAbortController === i && (this._queryAbortController = null);
+    }, this._queryFeatureCountController = async () => {
+      this._loaded = !1, this._cancelQueryFeatureCount();
+      const i = new AbortController();
+      this._queryFeatureCountAbortController = i, await yt(this._queryFeatureCount()), this._queryFeatureCountAbortController === i && (this._queryFeatureCountAbortController = null), this._loaded = !0;
+    }, this._queryPageController = async () => {
+      const i = new AbortController();
+      this._queryPageAbortController = i, await yt(this._queryPage()), this._queryPageAbortController === i && (this._queryPageAbortController = null);
+    }, this._queryDebounced = et(this._queryController, kt), this._queryFeatureCountDebounced = et(this._queryFeatureCountController, kt), this._queryPageDebounced = et(this._queryPageController, kt), this._query = async () => {
+      const { _queryAbortController: i, relatedFeatures: s } = this;
+      this.featureCount && (this._destroyRelatedFeatureViewModels(), this.featurePage = 1, s.removeAll(), this.destroyed || s.addMany(this._sliceFeatures(await this._queryRelatedFeatures({ signal: i == null ? void 0 : i.signal }))));
+    }, this.addHandles([y(() => {
+      var i;
+      return [this.displayCount, this.graphic, this.layer, (i = this.layer) == null ? void 0 : i.loaded, this.map, this.orderByFields, this.relationshipId, this.featuresPerPage, this.showAllEnabled, this.canQuery, this.featureCount];
+    }, () => this._queryDebounced(), R), y(() => [this.featurePage, this.showAllEnabled], () => this._queryPageDebounced()), y(() => [this.layer, this.relationshipId, this.objectId, this.canQuery], () => this._queryFeatureCountDebounced())]);
+  }
+  destroy() {
+    this._destroyRelatedFeatureViewModels(), this.relatedFeatures.removeAll(), this._cancelQuery(), this._cancelQueryFeatureCount(), this._cancelQueryPage();
+  }
+  set featurePage(e) {
+    const { featuresPerPage: i, featureCount: s } = this, n = 1, r = Math.ceil(s / i) || 1;
+    this._set("featurePage", Math.min(Math.max(e, n), r));
+  }
+  get featurePage() {
+    return this._get("featurePage");
+  }
+  get orderByFieldsFixedCasing() {
+    const { orderByFields: e, relatedLayer: i } = this;
+    return e && (i != null && i.loaded) ? e.map((s) => {
+      const n = s.clone();
+      return n.field = Qe(s.field, i), n;
+    }) : e ?? [];
+  }
+  get supportsCacheHint() {
+    var e, i, s;
+    return !!((s = (i = (e = this.layer) == null ? void 0 : e.capabilities) == null ? void 0 : i.queryRelated) != null && s.supportsCacheHint);
+  }
+  get canLoad() {
+    return !!this.map && typeof this.relationshipId == "number" && typeof this.objectId == "number";
+  }
+  get canQuery() {
+    var i, s;
+    const e = (s = (i = this.layer) == null ? void 0 : i.capabilities) == null ? void 0 : s.queryRelated;
+    return !!(this.relatedLayer && this.relationship && typeof this.relationshipId == "number" && typeof this.objectId == "number" && (e != null && e.supportsCount) && (e != null && e.supportsPagination));
+  }
+  get itemDescriptionFieldName() {
+    var e;
+    return ((e = this.orderByFieldsFixedCasing[0]) == null ? void 0 : e.field) || null;
+  }
+  set displayCount(e) {
+    this._set("displayCount", Math.min(Math.max(e, 0), 10));
+  }
+  get displayCount() {
+    return this._get("displayCount");
+  }
+  get objectId() {
+    var e, i;
+    return (this.objectIdField && ((i = (e = this.graphic) == null ? void 0 : e.attributes) == null ? void 0 : i[this.objectIdField])) ?? null;
+  }
+  get objectIdField() {
+    var e;
+    return ((e = this.layer) == null ? void 0 : e.objectIdField) || null;
+  }
+  get relatedFeatures() {
+    return this._get("relatedFeatures") || new Ve();
+  }
+  get relatedLayer() {
+    const { layer: e, map: i, relationship: s } = this;
+    return e != null && e.loaded && i && s ? Wn(i, e, s) ?? null : null;
+  }
+  get relationship() {
+    var s;
+    const { relationshipId: e, layer: i } = this;
+    return typeof e == "number" ? ((s = i == null ? void 0 : i.relationships) == null ? void 0 : s.find(({ id: n }) => n === e)) ?? null : null;
+  }
+  get relatedFeatureViewModels() {
+    return this._get("relatedFeatureViewModels") || new Ve();
+  }
+  get state() {
+    const { _queryAbortController: e, _queryFeatureCountAbortController: i, _queryPageAbortController: s, canQuery: n, _loaded: r, canLoad: o } = this;
+    return i || o && !r ? "loading" : e || s ? "querying" : n ? "ready" : "disabled";
+  }
+  getRelatedFeatureByObjectId(e) {
+    return this.relatedFeatures.find((i) => i.getObjectId() === e);
+  }
+  refresh() {
+    this._queryFeatureCountDebounced();
+  }
+  _destroyRelatedFeatureViewModels() {
+    var e;
+    (e = this.relatedFeatureViewModels) == null || e.forEach((i) => !i.destroyed && i.destroy()), this.relatedFeatureViewModels.removeAll();
+  }
+  async _queryFeatureCount() {
+    const { layer: e, relatedLayer: i, relationshipId: s, objectId: n, _queryFeatureCountAbortController: r, canQuery: o, supportsCacheHint: d } = this;
+    if (await (e == null ? void 0 : e.load()), await (i == null ? void 0 : i.load()), !o || !e || !i)
+      return void this._set("featureCount", 0);
+    const c = i.createQuery(), u = new Pt({ cacheHint: d, relationshipId: s, returnGeometry: !1, objectIds: [n], where: c.where ?? void 0 }), p = await e.queryRelatedFeaturesCount(u, { signal: r == null ? void 0 : r.signal });
+    this._set("featureCount", p[n] || 0);
+  }
+  _sliceFeatures(e) {
+    const { showAllEnabled: i, displayCount: s } = this;
+    return i ? e : s ? e.slice(0, s) : [];
+  }
+  async _queryPage() {
+    const { relatedFeatures: e, featurePage: i, showAllEnabled: s, _queryPageAbortController: n, featureCount: r } = this;
+    !s || i < 2 || !r || e.addMany(await this._queryRelatedFeatures({ signal: n == null ? void 0 : n.signal }));
+  }
+  async _queryRelatedFeatures(e) {
+    var ie;
+    const { orderByFieldsFixedCasing: i, showAllEnabled: s, featuresPerPage: n, displayCount: r, layer: o, relationshipId: d, featurePage: c, featureCount: u, relatedLayer: p, supportsCacheHint: m } = this, { canQuery: f, objectId: g } = this;
+    if (!f || !o || !p)
+      return [];
+    const v = s ? ((c - 1) * n + u) % u : 0, _ = s ? n : r, I = p.objectIdField, w = [...i.map((H) => H.field), ...qr(p), I].filter(ut), A = i.map((H) => `${H.field} ${H.order}`), k = p.createQuery(), M = new Pt({ orderByFields: A, start: v, num: _, outFields: w, cacheHint: m, relationshipId: d, returnGeometry: !1, objectIds: [g], where: k.where ?? void 0 }), re = await o.queryRelatedFeatures(M, { signal: e == null ? void 0 : e.signal }), K = ((ie = re[g]) == null ? void 0 : ie.features) || [];
+    return K.forEach((H) => {
+      H.sourceLayer = p, H.layer = p;
+    }), K;
+  }
+};
+a([l()], T.prototype, "_loaded", void 0), a([l()], T.prototype, "_queryAbortController", void 0), a([l()], T.prototype, "_queryPageAbortController", void 0), a([l()], T.prototype, "_queryFeatureCountAbortController", void 0), a([l({ value: 1 })], T.prototype, "featurePage", null), a([l()], T.prototype, "featuresPerPage", void 0), a([l({ readOnly: !0 })], T.prototype, "orderByFieldsFixedCasing", null), a([l({ readOnly: !0 })], T.prototype, "supportsCacheHint", null), a([l({ readOnly: !0 })], T.prototype, "canLoad", null), a([l({ readOnly: !0 })], T.prototype, "canQuery", null), a([l()], T.prototype, "description", void 0), a([l({ readOnly: !0 })], T.prototype, "itemDescriptionFieldName", null), a([l({ value: 3 })], T.prototype, "displayCount", null), a([l({ type: De })], T.prototype, "graphic", void 0), a([l()], T.prototype, "layer", void 0), a([l()], T.prototype, "map", void 0), a([l({ readOnly: !0 })], T.prototype, "objectId", null), a([l({ readOnly: !0 })], T.prototype, "objectIdField", null), a([l()], T.prototype, "orderByFields", void 0), a([l({ readOnly: !0 })], T.prototype, "relatedFeatures", null), a([l({ readOnly: !0 })], T.prototype, "relatedLayer", null), a([l({ readOnly: !0 })], T.prototype, "relationship", null), a([l()], T.prototype, "featureCount", void 0), a([l({ readOnly: !0 })], T.prototype, "relatedFeatureViewModels", null), a([l()], T.prototype, "relationshipId", void 0), a([l()], T.prototype, "showAllEnabled", void 0), a([l()], T.prototype, "state", null), a([l()], T.prototype, "title", void 0), T = a([O("esri.widgets.Feature.FeatureRelationship.FeatureRelationshipViewModel")], T);
+const Yt = T, je = "esri-feature", We = `${je}-relationship`, ce = { base: We, listContainer: `${We}__list`, listItem: `${We}__list-item`, listItemHidden: `${We}__list-item--hidden`, listContainerQuerying: `${We}__list--querying`, featureObserver: `${je}__feature-observer`, stickySpinnerContainer: `${je}__sticky-loading-container`, loadingSpinnerContainer: `${je}__loading-container`, spinner: `${je}__loading-spinner` }, Fi = { title: !0, description: !0 };
+let G = class extends te {
+  constructor(t, e) {
+    super(t, e), this._featureElementInfo = null, this._relatedFeatureIntersectionObserverNode = null, this._relatedFeatureIntersectionObserver = new IntersectionObserver(([i]) => {
+      i != null && i.isIntersecting && this._increaseFeaturePage();
+    }, { root: window.document }), this.headingLevel = 2, this.viewModel = new Yt(), this.messages = null, this.messagesCommon = null, this.visibleElements = { ...Fi }, this._increaseFeaturePage = () => {
+      const { state: i, showAllEnabled: s, relatedFeatures: n, featuresPerPage: r, featurePage: o } = this.viewModel;
+      i === "ready" && s && n.length >= r * o && this.viewModel.featurePage++;
+    };
+  }
+  initialize() {
+    this._featureElementInfo = new ht(), this.addHandles([y(() => [this.viewModel.description, this.viewModel.title, this.headingLevel], () => this._setupFeatureElementInfo(), R), y(() => [this.viewModel.state, this.viewModel.showAllEnabled, this._relatedFeatureIntersectionObserverNode], () => this._handleRelatedFeatureObserverChange()), Ee(() => this.viewModel.relatedFeatureViewModels, "change", () => this._setupRelatedFeatureViewModels())]);
+  }
+  loadDependencies() {
+    return qe({ icon: () => import("./calcite-icon-07f22bc6.js"), list: () => import("./calcite-list-2087f9ca.js"), "list-item": () => import("./calcite-list-item-3419fb5f.js"), notice: () => import("./calcite-notice-88ee1edf.js") });
+  }
+  destroy() {
+    this._unobserveRelatedFeatureObserver(), this._featureElementInfo = Bs(this._featureElementInfo);
+  }
+  get displayShowAllButton() {
+    const { showAllEnabled: t, featureCount: e, displayCount: i, state: s } = this.viewModel;
+    return !t && !!e && s === "ready" && (e > i || i === 0);
+  }
+  get displayListItems() {
+    return this.displayShowAllButton || this.viewModel.relatedFeatureViewModels.length > 0;
+  }
+  get description() {
+    return this.viewModel.description;
+  }
+  set description(t) {
+    this.viewModel.description = t;
+  }
+  get featureCountDescription() {
+    const { messages: t } = this, { featureCount: e } = this.viewModel;
+    return de(t == null ? void 0 : t.numberRecords, { number: e });
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(t) {
+    this.viewModel.title = t;
+  }
+  castVisibleElements(t) {
+    return { ...Fi, ...t };
+  }
+  render() {
+    var e;
+    const { state: t } = this.viewModel;
+    return h("div", { class: this.classes(ce.base, F.widget) }, (e = this._featureElementInfo) == null ? void 0 : e.render(), t === "loading" ? this._renderLoading() : t === "disabled" ? this._renderRelationshipNotFound() : this._renderRelatedFeatures());
+  }
+  _renderStickyLoading() {
+    return this.viewModel.state === "querying" ? h("div", { class: ce.stickySpinnerContainer, key: "sticky-loader" }, this._renderLoadingIcon()) : null;
+  }
+  _renderLoadingIcon() {
+    return h("span", { class: this.classes(ne.loadingIndicator, F.rotating, ce.spinner) });
+  }
+  _renderLoading() {
+    return h("div", { class: ce.loadingSpinnerContainer, key: "loading-container" }, this._renderLoadingIcon());
+  }
+  _renderShowAllIconNode() {
+    return h("calcite-icon", { icon: "list", scale: "s", slot: "content-end" });
+  }
+  _renderChevronIconNode() {
+    const t = xe(this.container) ? "chevron-left" : "chevron-right";
+    return h("calcite-icon", { icon: t, scale: "s", slot: "content-end" });
+  }
+  _renderRelatedFeature(t) {
+    var n;
+    const { itemDescriptionFieldName: e } = this.viewModel, i = t.title;
+    t.description = e && ((n = t.formattedAttributes) == null ? void 0 : n.global[e]);
+    const s = t.state === "loading";
+    return h("calcite-list-item", { class: this.classes(ce.listItem, { [ce.listItemHidden]: s }), description: t.description ?? "", key: t.uid, label: i, onCalciteListItemSelect: () => this.emit("select-record", { featureViewModel: t }) }, this._renderChevronIconNode());
+  }
+  _renderShowAllListItem() {
+    var t;
+    return this.displayShowAllButton ? h("calcite-list-item", { description: this.featureCountDescription, key: "show-all-item", label: (t = this.messages) == null ? void 0 : t.showAll, onCalciteListItemSelect: () => this.emit("show-all-records") }, this._renderShowAllIconNode()) : null;
+  }
+  _renderNoRelatedFeaturesMessage() {
+    var t;
+    return h("calcite-notice", { icon: "information", key: "no-related-features-message", kind: "brand", open: !0, scale: "s", width: "full" }, h("div", { slot: "message" }, (t = this.messages) == null ? void 0 : t.noRelatedFeatures));
+  }
+  _renderFeatureObserver() {
+    return h("div", { afterCreate: this._relatedFeatureIntersectionObserverCreated, bind: this, class: ce.featureObserver, key: "feature-observer" });
+  }
+  _renderList() {
+    const { relatedFeatureViewModels: t } = this.viewModel;
+    return h("calcite-list", null, t.toArray().map((e) => this._renderRelatedFeature(e)), this._renderShowAllListItem());
+  }
+  _renderRelatedFeatures() {
+    const { displayListItems: t } = this, { state: e } = this.viewModel;
+    return h("div", { class: this.classes(ce.listContainer, { [ce.listContainerQuerying]: e === "querying" }), key: "list-container" }, t ? this._renderList() : e === "ready" ? this._renderNoRelatedFeaturesMessage() : null, this._renderStickyLoading(), this._renderFeatureObserver());
+  }
+  _renderRelationshipNotFound() {
+    var t;
+    return h("calcite-notice", { icon: "exclamation-mark-triangle", key: "relationship-not-found", kind: "danger", open: !0, scale: "s", width: "full" }, h("div", { slot: "message" }, (t = this.messages) == null ? void 0 : t.relationshipNotFound));
+  }
+  _setupRelatedFeatureViewModels() {
+    const { relatedFeatureViewModels: t } = this.viewModel, e = "related-feature-viewmodels";
+    this.removeHandles(e), t == null || t.forEach((i) => {
+      this.addHandles(y(() => [i.title, i.state], () => this.scheduleRender(), R), e);
+    }), this.scheduleRender();
+  }
+  _setupFeatureElementInfo() {
+    var n;
+    const { headingLevel: t, visibleElements: e } = this, i = e.description && this.description, s = e.title && this.title;
+    (n = this._featureElementInfo) == null || n.set({ description: i, title: s, headingLevel: t });
+  }
+  async _handleRelatedFeatureObserverChange() {
+    this._unobserveRelatedFeatureObserver();
+    const { state: t, showAllEnabled: e } = this.viewModel;
+    await zi(0), this._relatedFeatureIntersectionObserverNode && t === "ready" && e && this._relatedFeatureIntersectionObserver.observe(this._relatedFeatureIntersectionObserverNode);
+  }
+  _relatedFeatureIntersectionObserverCreated(t) {
+    this._relatedFeatureIntersectionObserverNode = t;
+  }
+  _unobserveRelatedFeatureObserver() {
+    this._relatedFeatureIntersectionObserverNode && this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode);
+  }
+};
+a([l()], G.prototype, "_relatedFeatureIntersectionObserverNode", void 0), a([l({ readOnly: !0 })], G.prototype, "displayShowAllButton", null), a([l({ readOnly: !0 })], G.prototype, "displayListItems", null), a([l()], G.prototype, "description", null), a([l({ readOnly: !0 })], G.prototype, "featureCountDescription", null), a([l()], G.prototype, "headingLevel", void 0), a([l()], G.prototype, "title", null), a([l({ type: Yt })], G.prototype, "viewModel", void 0), a([l(), ee("esri/widgets/Feature/t9n/Feature")], G.prototype, "messages", void 0), a([l(), ee("esri/t9n/common")], G.prototype, "messagesCommon", void 0), a([l()], G.prototype, "visibleElements", void 0), a([Be("visibleElements")], G.prototype, "castVisibleElements", null), G = a([O("esri.widgets.Feature.FeatureRelationship")], G);
+const Ii = G;
+let zr = class {
+  constructor(e, i) {
+    this.preLayerQueryCallback = e, this.preRequestCallback = i, this.preLayerQueryCallback || (this.preLayerQueryCallback = (s) => {
+    }), this.preRequestCallback || (this.preLayerQueryCallback = (s) => {
+    });
+  }
+};
+var Ue;
+const Wr = 1, Ci = "content-view-models", Ai = "relationship-view-models", $i = { attachmentsContent: !0, chartAnimation: !0, customContent: !0, expressionContent: !0, fieldsContent: !0, mediaContent: !0, textContent: !0, relationshipContent: !0 };
+let P = Ue = class extends qi(me) {
+  constructor(t) {
+    super(t), this._error = null, this._featureAbortController = null, this._graphicChangedThrottled = at(this._graphicChanged, Wr, this), this._expressionAttributes = null, this._graphicExpressionAttributes = null, this.abilities = { ...$i }, this.content = null, this.contentViewModels = [], this.description = null, this.defaultPopupTemplateEnabled = !1, this.formattedAttributes = null, this.lastEditInfo = null, this.location = null, this.relatedInfos = /* @__PURE__ */ new Map(), this.title = "", this.view = null, this._isAllowedContentType = (e) => {
+      const { abilities: i } = this;
+      return e.type === "attachments" && !!i.attachmentsContent || e.type === "custom" && !!i.customContent || e.type === "fields" && !!i.fieldsContent || e.type === "media" && !!i.mediaContent || e.type === "text" && !!i.textContent || e.type === "expression" && !!i.expressionContent || e.type === "relationship" && !!i.relationshipContent;
+    }, this.addHandles(y(() => [this.graphic, this._effectivePopupTemplate, this.abilities, this.timeZone], () => this._graphicChangedThrottled(), R));
+  }
+  initialize() {
+    this.addHandles(this._graphicChangedThrottled);
+  }
+  destroy() {
+    this._clear(), this._cancelFeatureQuery(), this._error = null, this.graphic = null, this._destroyContentViewModels(), this.relatedInfos.clear();
+  }
+  get _effectivePopupTemplate() {
+    return this.graphic != null ? this.graphic.getEffectivePopupTemplate(this.defaultPopupTemplateEnabled) : null;
+  }
+  get _fieldInfoMap() {
+    return Nn(ui(this._effectivePopupTemplate), this._sourceLayer);
+  }
+  get _sourceLayer() {
+    return Zi(this.graphic);
+  }
+  castAbilities(t) {
+    return { ...$i, ...t };
+  }
+  get isTable() {
+    var t;
+    return ((t = this._sourceLayer) == null ? void 0 : t.isTable) || !1;
+  }
+  get state() {
+    return this.graphic ? this._error ? "error" : this.waitingForContent ? "loading" : "ready" : "disabled";
+  }
+  set graphic(t) {
+    this._set("graphic", (t == null ? void 0 : t.clone()) ?? null);
+  }
+  get spatialReference() {
+    var t;
+    return ((t = this.view) == null ? void 0 : t.spatialReference) ?? null;
+  }
+  set spatialReference(t) {
+    this._override("spatialReference", t);
+  }
+  get timeZone() {
+    var t;
+    return ((t = this.view) == null ? void 0 : t.timeZone) ?? Ds;
+  }
+  set timeZone(t) {
+    this._overrideIfSome("timeZone", t);
+  }
+  get map() {
+    var t;
+    return ((t = this.view) == null ? void 0 : t.map) || null;
+  }
+  set map(t) {
+    this._override("map", t);
+  }
+  get waitingForContent() {
+    return !!this._featureAbortController;
+  }
+  setActiveMedia(t, e) {
+    const i = this.contentViewModels[t];
+    i instanceof Ce && i.setActiveMedia(e);
+  }
+  nextMedia(t) {
+    const e = this.contentViewModels[t];
+    e instanceof Ce && e.next();
+  }
+  previousMedia(t) {
+    const e = this.contentViewModels[t];
+    e instanceof Ce && e.previous();
+  }
+  async updateGeometry() {
+    var o;
+    const { graphic: t, spatialReference: e, _sourceLayer: i } = this;
+    await (i == null ? void 0 : i.load());
+    const s = i == null ? void 0 : i.objectIdField;
+    if (!s || !t || !i)
+      return;
+    const n = (o = t == null ? void 0 : t.attributes) == null ? void 0 : o[s];
+    if (n == null)
+      return;
+    const r = [n];
+    if (!t.geometry) {
+      const d = await es({ layer: i, graphic: t, outFields: [], objectIds: r, returnGeometry: !0, spatialReference: e }), c = d == null ? void 0 : d.geometry;
+      c && (t.geometry = c);
+    }
+  }
+  _clear() {
+    this._set("title", ""), this._set("content", null), this._set("formattedAttributes", null);
+  }
+  async _graphicChanged() {
+    this._cancelFeatureQuery(), this._error = null, this._clear();
+    const { graphic: t } = this;
+    if (!t)
+      return;
+    const e = new AbortController();
+    this._featureAbortController = e;
+    try {
+      await this._queryFeature({ signal: e.signal });
+    } catch (i) {
+      Rt(i) || (this._error = i, q.getLogger(this).error("error", "The popupTemplate could not be displayed for this feature.", { error: i, graphic: t, popupTemplate: this._effectivePopupTemplate }));
+    }
+    this._featureAbortController === e && (this._featureAbortController = null);
+  }
+  _cancelFeatureQuery() {
+    const { _featureAbortController: t } = this;
+    t && t.abort(), this._featureAbortController = null;
+  }
+  _compileContentElement(t, e) {
+    return t.type === "attachments" ? this._compileAttachments(t, e) : t.type === "custom" ? this._compileCustom(t, e) : t.type === "fields" ? this._compileFields(t, e) : t.type === "media" ? this._compileMedia(t, e) : t.type === "text" ? this._compileText(t, e) : t.type === "expression" ? this._compileExpression(t, e) : t.type === "relationship" ? this._compileRelationship(t, e) : void 0;
+  }
+  _compileContent(t) {
+    if (this._destroyContentViewModels(), this.graphic)
+      return Array.isArray(t) ? t.filter(this._isAllowedContentType).map((e, i) => this._compileContentElement(e, i)).filter(ut) : typeof t == "string" ? this._compileText(new Di({ text: t }), 0).text : t;
+  }
+  _destroyContentViewModels() {
+    this.removeHandles(Ai), this.removeHandles(Ci), this.contentViewModels.forEach((t) => t && !t.destroyed && t.destroy()), this._set("contentViewModels", []);
+  }
+  _matchesFeature(t, e) {
+    var n;
+    const i = (n = t == null ? void 0 : t.graphic) == null ? void 0 : n.getObjectId(), s = e == null ? void 0 : e.getObjectId();
+    return i != null && s != null && i === s;
+  }
+  _setRelatedFeaturesViewModels({ relatedFeatureViewModels: t, relatedFeatures: e, map: i }) {
+    const { view: s, spatialReference: n } = this;
+    e == null || e.filter(Boolean).forEach((r) => {
+      t.some((o) => this._matchesFeature(o, r)) || t.add(new Ue({ abilities: { relationshipContent: !1 }, map: i, view: s, spatialReference: n, graphic: r }));
+    }), t.forEach((r) => {
+      (e == null ? void 0 : e.find((d) => this._matchesFeature(r, d))) || t.remove(r);
+    });
+  }
+  _setExpressionContentVM(t, e) {
+    const i = this.formattedAttributes, { contentElement: s, contentElementViewModel: n } = t, r = s == null ? void 0 : s.type;
+    n && r && (r === "fields" && (this._createFieldsFormattedAttributes({ contentElement: s, contentElementIndex: e, formattedAttributes: i }), n.set(this._createFieldsVMParams(s, e))), r === "media" && (this._createMediaFormattedAttributes({ contentElement: s, contentElementIndex: e, formattedAttributes: i }), n.set(this._createMediaVMParams(s, e))), r === "text" && n.set(this._createTextVMParams(s)));
+  }
+  _compileRelationship(t, e) {
+    const { displayCount: i, orderByFields: s, relationshipId: n, title: r, description: o } = t, { _sourceLayer: d, graphic: c, map: u } = this;
+    if (!Yi(d))
+      return;
+    const p = new Yt({ displayCount: i, graphic: c, orderByFields: s, relationshipId: n, layer: d, map: u, ...this._compileTitleAndDesc({ title: r, description: o }) });
+    return this.contentViewModels[e] = p, this.addHandles(Ee(() => p.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels(p)), Ai), t;
+  }
+  _compileExpression(t, e) {
+    const { expressionInfo: i } = t, { graphic: s, map: n, spatialReference: r, view: o, location: d } = this, c = new Xt({ expressionInfo: i, graphic: s, interceptor: Ue.interceptor, map: n, spatialReference: r, view: o, location: d });
+    return this.contentViewModels[e] = c, this.addHandles(y(() => c.contentElementViewModel, () => this._setExpressionContentVM(c, e), R), Ci), t;
+  }
+  _compileAttachments(t, e) {
+    const { graphic: i } = this, { description: s, title: n } = t;
+    return this.contentViewModels[e] = new Qt({ graphic: i, ...this._compileTitleAndDesc({ title: n, description: s }) }), t;
+  }
+  _compileCustom(t, e) {
+    const { graphic: i } = this, { creator: s, destroyer: n } = t;
+    return this.contentViewModels[e] = new dt({ graphic: i, creator: s, destroyer: n }), t;
+  }
+  _compileTitleAndDesc({ title: t, description: e }) {
+    const { _fieldInfoMap: i, _sourceLayer: s, graphic: n, formattedAttributes: r } = this, o = n == null ? void 0 : n.attributes, d = this._expressionAttributes, c = r.global;
+    return { title: Ie({ attributes: o, fieldInfoMap: i, globalAttributes: c, expressionAttributes: d, layer: s, text: t }), description: Ie({ attributes: o, fieldInfoMap: i, globalAttributes: c, expressionAttributes: d, layer: s, text: e }) };
+  }
+  _createFieldsVMParams(t, e) {
+    const i = this._effectivePopupTemplate, s = this.formattedAttributes, n = { ...s == null ? void 0 : s.global, ...s == null ? void 0 : s.content[e] }, r = (t == null ? void 0 : t.fieldInfos) || (i == null ? void 0 : i.fieldInfos), o = r == null ? void 0 : r.filter(({ fieldName: p }) => Ht(p) || pe(p) || n.hasOwnProperty(p)), d = i == null ? void 0 : i.expressionInfos, { description: c, title: u } = t;
+    return { attributes: n, expressionInfos: d, fieldInfos: o, ...this._compileTitleAndDesc({ title: u, description: c }) };
+  }
+  _compileFields(t, e) {
+    const i = t.clone(), s = new pt(this._createFieldsVMParams(t, e));
+    return this.contentViewModels[e] = s, i.fieldInfos = s.formattedFieldInfos.slice(0), i;
+  }
+  _createMediaVMParams(t, e) {
+    const { abilities: i, graphic: s, _fieldInfoMap: n, _effectivePopupTemplate: r, relatedInfos: o, _sourceLayer: d, _expressionAttributes: c } = this, u = this.formattedAttributes, p = (s == null ? void 0 : s.attributes) ?? {}, { description: m, mediaInfos: f, title: g } = t;
+    return { abilities: { chartAnimation: i.chartAnimation }, activeMediaInfoIndex: t.activeMediaInfoIndex || 0, attributes: p, isAggregate: s == null ? void 0 : s.isAggregate, layer: d, fieldInfoMap: n, formattedAttributes: { ...u == null ? void 0 : u.global, ...u == null ? void 0 : u.content[e] }, expressionAttributes: c, mediaInfos: f, popupTemplate: r, relatedInfos: o, ...this._compileTitleAndDesc({ title: g, description: m }) };
+  }
+  _compileMedia(t, e) {
+    const i = t.clone(), s = new Ce(this._createMediaVMParams(t, e));
+    return i.mediaInfos = s.formattedMediaInfos.slice(0), this.contentViewModels[e] = s, i;
+  }
+  _createTextVMParams(t) {
+    var r;
+    const { graphic: e, _fieldInfoMap: i, _sourceLayer: s, _expressionAttributes: n } = this;
+    if (t && t.text) {
+      const o = (e == null ? void 0 : e.attributes) ?? {}, d = ((r = this.formattedAttributes) == null ? void 0 : r.global) ?? {};
+      t.text = Ie({ attributes: o, fieldInfoMap: i, globalAttributes: d, expressionAttributes: n, layer: s, text: t.text });
+    }
+    return { graphic: e, creator: t.text };
+  }
+  _compileText(t, e) {
+    const i = t.clone();
+    return this.contentViewModels[e] = new dt(this._createTextVMParams(i)), i;
+  }
+  _compileLastEditInfo() {
+    const { _effectivePopupTemplate: t, _sourceLayer: e, graphic: i, timeZone: s } = this;
+    if (!t)
+      return;
+    const { lastEditInfoEnabled: n } = t, r = e == null ? void 0 : e.editFieldsInfo;
+    return n && r ? On(r, i == null ? void 0 : i.attributes, s, e) : void 0;
+  }
+  _compileTitle(t) {
+    var d;
+    const { _fieldInfoMap: e, _sourceLayer: i, graphic: s, _expressionAttributes: n } = this, r = (s == null ? void 0 : s.attributes) ?? {}, o = ((d = this.formattedAttributes) == null ? void 0 : d.global) ?? {};
+    return Ie({ attributes: r, fieldInfoMap: e, globalAttributes: o, expressionAttributes: n, layer: i, text: t });
+  }
+  async _getTitle() {
+    const { _effectivePopupTemplate: t, graphic: e } = this;
+    if (!e)
+      return null;
+    const i = t == null ? void 0 : t.title;
+    return lt(i, { graphic: e });
+  }
+  async _getContent() {
+    const { _effectivePopupTemplate: t, graphic: e } = this;
+    if (!e)
+      return null;
+    const i = t == null ? void 0 : t.content;
+    return lt(i, { graphic: e });
+  }
+  async _queryFeature(t) {
+    const { _featureAbortController: e, _sourceLayer: i, graphic: s, _effectivePopupTemplate: n } = this, r = this.map, o = this.view, d = this.spatialReference, c = this.location;
+    if (e !== this._featureAbortController || !s)
+      return;
+    await Vn({ graphic: s, popupTemplate: n, layer: i, spatialReference: d }, t);
+    const { content: { value: u }, title: { value: p } } = await ke({ content: this._getContent(), title: this._getTitle() }), { expressionAttributes: { value: m } } = await ke({ checkForRelatedFeatures: this._checkForRelatedFeatures(t), expressionAttributes: Vr({ expressionInfos: n == null ? void 0 : n.expressionInfos, spatialReference: d, graphic: s, map: r, interceptor: Ue.interceptor, view: o, options: t, location: c }) });
+    e === this._featureAbortController && s && (this._expressionAttributes = m, this._graphicExpressionAttributes = { ...s.attributes, ...m }, this._set("formattedAttributes", this._createFormattedAttributes(u)), this._set("title", this._compileTitle(p)), this._set("lastEditInfo", this._compileLastEditInfo() || null), this._set("content", this._compileContent(u) || null));
+  }
+  _createMediaFormattedAttributes({ contentElement: t, contentElementIndex: e, formattedAttributes: i }) {
+    const { _effectivePopupTemplate: s, graphic: n, relatedInfos: r, _sourceLayer: o, _fieldInfoMap: d, _graphicExpressionAttributes: c, timeZone: u } = this;
+    i.content[e] = bt({ fieldInfos: s == null ? void 0 : s.fieldInfos, graphic: n, attributes: { ...c, ...t.attributes }, layer: o, fieldInfoMap: d, relatedInfos: r, timeZone: u });
+  }
+  _createFieldsFormattedAttributes({ contentElement: t, contentElementIndex: e, formattedAttributes: i }) {
+    if (t.fieldInfos) {
+      const { graphic: s, relatedInfos: n, _sourceLayer: r, _fieldInfoMap: o, _graphicExpressionAttributes: d, timeZone: c } = this;
+      i.content[e] = bt({ fieldInfos: t.fieldInfos, graphic: s, attributes: { ...d, ...t.attributes }, layer: r, fieldInfoMap: o, relatedInfos: n, timeZone: c });
+    }
+  }
+  _createFormattedAttributes(t) {
+    const { _effectivePopupTemplate: e, graphic: i, relatedInfos: s, _sourceLayer: n, _fieldInfoMap: r, _graphicExpressionAttributes: o, timeZone: d } = this, c = e == null ? void 0 : e.fieldInfos, u = { global: bt({ fieldInfos: c, graphic: i, attributes: o, layer: n, fieldInfoMap: r, relatedInfos: s, timeZone: d }), content: [] };
+    return Array.isArray(t) && t.forEach((p, m) => {
+      p.type === "fields" && this._createFieldsFormattedAttributes({ contentElement: p, contentElementIndex: m, formattedAttributes: u }), p.type === "media" && this._createMediaFormattedAttributes({ contentElement: p, contentElementIndex: m, formattedAttributes: u });
+    }), u;
+  }
+  _checkForRelatedFeatures(t) {
+    const { graphic: e, _effectivePopupTemplate: i } = this;
+    return this._queryRelatedInfos(e, ui(i), t);
+  }
+  async _queryRelatedInfos(t, e, i) {
+    const { relatedInfos: s, _sourceLayer: n } = this;
+    s.clear();
+    const r = (n == null ? void 0 : n.associatedLayer) != null ? await (n == null ? void 0 : n.associatedLayer.load(i)) : n;
+    if (!r || !t)
+      return;
+    const o = e.filter((u) => u && pe(u.fieldName));
+    if (!(o != null && o.length))
+      return;
+    e.forEach((u) => this._configureRelatedInfo(u, r));
+    const d = await Fr({ relatedInfos: s, layer: r }, i);
+    Object.keys(d).forEach((u) => {
+      var f;
+      const p = s.get(u.toString()), m = (f = d[u]) == null ? void 0 : f.value;
+      p && m && (p.layerInfo = m.data);
+    });
+    const c = await Ir({ graphic: t, relatedInfos: s, layer: r }, i);
+    Object.keys(c).forEach((u) => {
+      var p;
+      gr((p = c[u]) == null ? void 0 : p.value, s.get(u.toString()));
+    });
+  }
+  _configureRelatedInfo(t, e) {
+    const { relatedInfos: i } = this, s = it(t.fieldName);
+    if (!s)
+      return;
+    const { layerId: n, fieldName: r } = s;
+    if (!n)
+      return;
+    const o = i.get(n.toString()) || fr(n, e);
+    o && (Cr({ relatedInfo: o, fieldName: r, fieldInfo: t }), this.relatedInfos.set(n, o));
+  }
+};
+P.interceptor = new zr(qn, zn), a([l()], P.prototype, "_error", void 0), a([l()], P.prototype, "_featureAbortController", void 0), a([l({ readOnly: !0 })], P.prototype, "_effectivePopupTemplate", null), a([l({ readOnly: !0 })], P.prototype, "_fieldInfoMap", null), a([l({ readOnly: !0 })], P.prototype, "_sourceLayer", null), a([l()], P.prototype, "abilities", void 0), a([Be("abilities")], P.prototype, "castAbilities", null), a([l({ readOnly: !0 })], P.prototype, "content", void 0), a([l({ readOnly: !0 })], P.prototype, "contentViewModels", void 0), a([l()], P.prototype, "description", void 0), a([l({ type: Boolean })], P.prototype, "defaultPopupTemplateEnabled", void 0), a([l({ readOnly: !0 })], P.prototype, "isTable", null), a([l({ readOnly: !0 })], P.prototype, "state", null), a([l({ readOnly: !0 })], P.prototype, "formattedAttributes", void 0), a([l({ type: De, value: null })], P.prototype, "graphic", null), a([l({ readOnly: !0 })], P.prototype, "lastEditInfo", void 0), a([l({ type: zt })], P.prototype, "location", void 0), a([l({ readOnly: !0 })], P.prototype, "relatedInfos", void 0), a([l()], P.prototype, "spatialReference", null), a([l()], P.prototype, "timeZone", null), a([l({ readOnly: !0 })], P.prototype, "title", void 0), a([l()], P.prototype, "map", null), a([l({ readOnly: !0 })], P.prototype, "waitingForContent", null), a([l()], P.prototype, "view", void 0), P = Ue = a([O("esri.widgets.Feature.FeatureViewModel")], P);
+const Kt = P, z = "esri-feature", N = { base: z, container: `${z}__size-container`, title: `${z}__title`, main: `${z}__main-container`, btn: `${z}__button`, icon: `${z}__icon`, content: `${z}__content`, contentNode: `${z}__content-node`, contentNodeText: `${z}__content-node--text`, contentElement: `${z}__content-element`, text: `${z}__text`, lastEditedInfo: `${z}__last-edited-info`, fields: `${z}__fields`, fieldHeader: `${z}__field-header`, fieldData: `${z}__field-data`, fieldDataDate: `${z}__field-data--date`, loadingSpinnerContainer: `${z}__loading-container`, spinner: `${z}__loading-spinner` }, ds = (t) => {
+  let e = class extends t {
+    constructor() {
+      super(...arguments), this.renderNodeContent = (i) => ns(i) && !i.destroyed ? h("div", { class: N.contentNode, key: i }, i.render()) : i instanceof HTMLElement ? h("div", { afterCreate: this._attachToNode, bind: i, class: N.contentNode, key: i }) : Xn(i) ? h("div", { afterCreate: this._attachToNode, bind: i.domNode, class: N.contentNode, key: i }) : null;
+    }
+    _attachToNode(i) {
+      const s = this;
+      i.appendChild(s);
+    }
+  };
+  return e = a([O("esri.widgets.Feature.ContentMixin")], e), e;
+};
+var Vt;
+const Ei = { title: !0, content: !0, lastEditedInfo: !0 }, xi = "relationship-handles";
+let D = Vt = class extends ds(te) {
+  constructor(t, e) {
+    super(t, e), this._contentWidgets = [], this.flowItems = null, this.headingLevel = 2, this.messages = null, this.messagesCommon = null, this.visibleElements = { ...Ei }, this.viewModel = new Kt();
+  }
+  initialize() {
+    this.addHandles(y(() => {
+      var t;
+      return (t = this.viewModel) == null ? void 0 : t.contentViewModels;
+    }, () => this._setupContentWidgets(), R));
+  }
+  loadDependencies() {
+    return qe({ notice: () => import("./calcite-notice-88ee1edf.js") });
+  }
+  destroy() {
+    this._destroyContentWidgets();
+  }
+  get graphic() {
+    return this.viewModel.graphic;
+  }
+  set graphic(t) {
+    this.viewModel.graphic = t;
+  }
+  get defaultPopupTemplateEnabled() {
+    return this.viewModel.defaultPopupTemplateEnabled;
+  }
+  set defaultPopupTemplateEnabled(t) {
+    this.viewModel.defaultPopupTemplateEnabled = t;
+  }
+  get isTable() {
+    return this.viewModel.isTable;
+  }
+  get label() {
+    var t;
+    return ((t = this.messages) == null ? void 0 : t.widgetLabel) ?? "";
+  }
+  set label(t) {
+    this._overrideIfSome("label", t);
+  }
+  get spatialReference() {
+    return this.viewModel.spatialReference;
+  }
+  set spatialReference(t) {
+    this.viewModel.spatialReference = t;
+  }
+  get timeZone() {
+    return this.viewModel.timeZone;
+  }
+  set timeZone(t) {
+    this.viewModel.timeZone = t;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  castVisibleElements(t) {
+    return { ...Ei, ...t };
+  }
+  get map() {
+    return this.viewModel.map;
+  }
+  set map(t) {
+    this.viewModel.map = t;
+  }
+  get view() {
+    return this.viewModel.view;
+  }
+  set view(t) {
+    this.viewModel.view = t;
+  }
+  setActiveMedia(t, e) {
+    return this.viewModel.setActiveMedia(t, e);
+  }
+  nextMedia(t) {
+    return this.viewModel.nextMedia(t);
+  }
+  previousMedia(t) {
+    return this.viewModel.previousMedia(t);
+  }
+  render() {
+    const { state: t } = this.viewModel, e = h("div", { class: N.container, key: "container" }, this._renderTitle(), t === "error" ? this._renderError() : t === "loading" ? this._renderLoading() : this._renderContentContainer());
+    return h("div", { class: this.classes(N.base, F.widget) }, e);
+  }
+  _renderError() {
+    const { messagesCommon: t, messages: e, visibleElements: i } = this;
+    return h("calcite-notice", { icon: "exclamation-mark-circle", kind: "danger", open: !0, scale: "s" }, i.title ? h("div", { key: "error-title", slot: "title" }, t.errorMessage) : null, h("div", { key: "error-message", slot: "message" }, e.loadingError));
+  }
+  _renderLoading() {
+    return h("div", { class: N.loadingSpinnerContainer, key: "loading-container" }, h("span", { class: this.classes(ne.loadingIndicator, F.rotating, N.spinner) }));
+  }
+  _renderContentContainer() {
+    const { visibleElements: t } = this;
+    return t.content ? h("div", { class: N.main }, [this._renderContent(), this._renderLastEditInfo()]) : null;
+  }
+  _renderTitle() {
+    const { visibleElements: t, title: e } = this;
+    return t.title ? h(Gt, { class: N.title, innerHTML: e, level: this.headingLevel }) : null;
+  }
+  _renderContent() {
+    const t = this.viewModel.content, e = "content";
+    if (!t)
+      return null;
+    if (Array.isArray(t))
+      return t.length ? h("div", { class: N.contentNode, key: `${e}-content-elements` }, t.map(this._renderContentElement, this)) : null;
+    if (typeof t == "string") {
+      const i = this._contentWidgets[0];
+      return !i || i.destroyed ? null : h("div", { class: this.classes(N.contentNode, N.contentNodeText), key: `${e}-content` }, i.render());
+    }
+    return this.renderNodeContent(t);
+  }
+  _renderContentElement(t, e) {
+    var s;
+    const { visibleElements: i } = this;
+    if (typeof i.content != "boolean" && !((s = i.content) != null && s[t.type]))
+      return null;
+    switch (t.type) {
+      case "attachments":
+        return this._renderAttachments(e);
+      case "custom":
+        return this._renderCustom(t, e);
+      case "fields":
+        return this._renderFields(e);
+      case "media":
+        return this._renderMedia(e);
+      case "text":
+        return this._renderText(t, e);
+      case "expression":
+        return this._renderExpression(e);
+      case "relationship":
+        return this._renderRelationship(e);
+      default:
+        return null;
+    }
+  }
+  _renderAttachments(t) {
+    const e = this._contentWidgets[t];
+    if (!e || e.destroyed)
+      return null;
+    const { state: i, attachmentInfos: s } = e.viewModel;
+    return i === "loading" || s.length > 0 ? h("div", { class: this.classes(N.contentElement), key: this._buildKey("attachments-element", t) }, e.render()) : null;
+  }
+  _renderRelationship(t) {
+    const e = this._contentWidgets[t];
+    return e && !e.destroyed && this.flowItems ? h("div", { class: N.contentElement, key: this._buildKey("relationship-element", t) }, e.render()) : null;
+  }
+  _renderExpression(t) {
+    const e = this._contentWidgets[t];
+    return !e || e.destroyed ? null : h("div", { class: N.contentElement, key: this._buildKey("expression-element", t) }, e.render());
+  }
+  _renderCustom(t, e) {
+    const { creator: i } = t, s = this._contentWidgets[e];
+    return !s || s.destroyed ? null : i ? h("div", { class: N.contentElement, key: this._buildKey("custom-element", e) }, s.render()) : null;
+  }
+  _renderFields(t) {
+    const e = this._contentWidgets[t];
+    return !e || e.destroyed ? null : h("div", { class: N.contentElement, key: this._buildKey("fields-element", t) }, e.render());
+  }
+  _renderMedia(t) {
+    const e = this._contentWidgets[t];
+    return !e || e.destroyed ? null : h("div", { class: N.contentElement, key: this._buildKey("media-element", t) }, e.render());
+  }
+  _renderLastEditInfo() {
+    const { visibleElements: t, messages: e } = this, { lastEditInfo: i } = this.viewModel;
+    if (!i || !t.lastEditedInfo)
+      return null;
+    const { date: s, user: n } = i, r = i.type === "edit" ? n ? e.lastEditedByUser : e.lastEdited : n ? e.lastCreatedByUser : e.lastCreated, o = de(r, { date: s, user: n });
+    return h("div", { class: this.classes(N.lastEditedInfo, N.contentElement), key: "edit-info-element" }, o);
+  }
+  _renderText(t, e) {
+    const i = t.text, s = this._contentWidgets[e];
+    return !s || s.destroyed ? null : i ? h("div", { class: this.classes(N.contentElement, N.text), key: this._buildKey("text-element", e) }, s.render()) : null;
+  }
+  _buildKey(t, ...e) {
+    var i, s;
+    return `${t}__${((s = (i = this.viewModel) == null ? void 0 : i.graphic) == null ? void 0 : s.uid) || "0"}-${e.join("-")}`;
+  }
+  _destroyContentWidget(t) {
+    t && (t.viewModel = null, !t.destroyed && t.destroy());
+  }
+  _destroyContentWidgets() {
+    this.removeHandles(xi), this._contentWidgets.forEach((t) => this._destroyContentWidget(t)), this._contentWidgets = [];
+  }
+  _addFeatureRelationshipHandles(t) {
+    const { flowItems: e, visibleElements: i } = this;
+    this.addHandles([Ee(() => t, "select-record", ({ featureViewModel: s }) => {
+      e && (s.abilities = { relationshipContent: !0 }, e.push(new Vt({ flowItems: e, viewModel: s, visibleElements: i })));
+    }), Ee(() => t, "show-all-records", () => {
+      if (!e)
+        return;
+      const { viewModel: s } = t;
+      s.showAllEnabled = !0;
+      const n = new Ii({ visibleElements: { title: !1, description: !1 }, viewModel: s });
+      this._addFeatureRelationshipHandles(n), e.push(n);
+    })], xi);
+  }
+  _setupContentWidgets() {
+    var n;
+    this._destroyContentWidgets();
+    const { headingLevel: t, visibleElements: e } = this, i = (n = this.viewModel) == null ? void 0 : n.content, { contentViewModels: s } = this.viewModel;
+    if (Array.isArray(i))
+      i.forEach((r, o) => {
+        if (r.type === "attachments" && (this._contentWidgets[o] = new Qn({ displayType: r.displayType, headingLevel: e.title ? t + 1 : t, viewModel: s[o] })), r.type === "fields" && (this._contentWidgets[o] = new rs({ viewModel: s[o] })), r.type === "media" && (this._contentWidgets[o] = new os({ viewModel: s[o] })), r.type === "text" && (this._contentWidgets[o] = new tt({ viewModel: s[o] })), r.type === "custom" && (this._contentWidgets[o] = new tt({ viewModel: s[o] })), r.type === "expression" && (this._contentWidgets[o] = new Dr({ viewModel: s[o] })), r.type === "relationship") {
+          const d = new Ii({ viewModel: s[o] });
+          this._addFeatureRelationshipHandles(d), this._contentWidgets[o] = d;
+        }
+      }, this);
+    else {
+      const r = s[0];
+      r && !r.destroyed && (this._contentWidgets[0] = new tt({ viewModel: r }));
+    }
+    this.scheduleRender();
+  }
+};
+a([l()], D.prototype, "graphic", null), a([l()], D.prototype, "defaultPopupTemplateEnabled", null), a([l()], D.prototype, "flowItems", void 0), a([l()], D.prototype, "headingLevel", void 0), a([l({ readOnly: !0 })], D.prototype, "isTable", null), a([l()], D.prototype, "label", null), a([l(), ee("esri/widgets/Feature/t9n/Feature")], D.prototype, "messages", void 0), a([l(), ee("esri/t9n/common")], D.prototype, "messagesCommon", void 0), a([l()], D.prototype, "spatialReference", null), a([l()], D.prototype, "timeZone", null), a([l({ readOnly: !0 })], D.prototype, "title", null), a([l()], D.prototype, "visibleElements", void 0), a([Be("visibleElements")], D.prototype, "castVisibleElements", null), a([l()], D.prototype, "map", null), a([l()], D.prototype, "view", null), a([l({ type: Kt })], D.prototype, "viewModel", void 0), D = Vt = a([O("esri.widgets.Feature")], D);
+const Hr = D;
+let we = class extends qs.EventedAccessor {
+  constructor(e) {
+    super(e), this.location = null, this.screenLocationEnabled = !1, this.view = null, this.addHandles([ot(() => {
+      const i = this.screenLocationEnabled ? this.view : null;
+      return i ? [i.size, i.type === "3d" ? i.camera : i.viewpoint] : null;
+    }, () => this.notifyChange("screenLocation")), y(() => this.screenLocation, (i, s) => {
+      i != null && s != null && this.emit("view-change");
+    })]);
+  }
+  destroy() {
+    this.view = null;
+  }
+  get screenLocation() {
+    const { location: e, view: i, screenLocationEnabled: s } = this, n = i == null ? void 0 : i.spatialReference, r = n ? zs(e, n).geometry : null;
+    return s && r && (i != null && i.ready) ? i.toScreen(r) : null;
+  }
+};
+a([l()], we.prototype, "location", void 0), a([l()], we.prototype, "screenLocation", null), a([l()], we.prototype, "screenLocationEnabled", void 0), a([l()], we.prototype, "view", void 0), we = a([O("esri.widgets.support.AnchorElementViewModel")], we);
+const cs = we, jr = "esri.widgets.CompassViewModel";
+let nt = class extends cs {
+  constructor(e) {
+    super(e), this.visible = !1;
+  }
+};
+a([l()], nt.prototype, "visible", void 0), nt = a([O(jr)], nt);
+const us = nt, Tt = "esri-spinner", Lt = { base: Tt, spinnerStart: `${Tt}--start`, spinnerFinish: `${Tt}--finish` };
+let be = class extends te {
+  constructor(e, i) {
+    super(e, i), this._animationDelay = 500, this._animationPromise = null, this.viewModel = new us();
+  }
+  initialize() {
+    this.addHandles(y(() => this.visible, (e) => this._visibleChange(e)));
+  }
+  destroy() {
+    this._animationPromise = null;
+  }
+  get location() {
+    return this.viewModel.location;
+  }
+  set location(e) {
+    this.viewModel.location = e;
+  }
+  get view() {
+    return this.viewModel.view;
+  }
+  set view(e) {
+    this.viewModel.view = e;
+  }
+  get visible() {
+    return this.viewModel.visible;
+  }
+  set visible(e) {
+    this.viewModel.visible = e;
+  }
+  show(e) {
+    const { location: i, promise: s } = e ?? {};
+    i && (this.viewModel.location = i), this.visible = !0;
+    const n = () => this.hide();
+    s && s.catch(() => {
+    }).then(n);
+  }
+  hide() {
+    this.visible = !1;
+  }
+  render() {
+    const { visible: e } = this, { screenLocation: i } = this.viewModel, s = !!i, n = e && s, r = !e && s, o = { [Lt.spinnerStart]: n, [Lt.spinnerFinish]: r }, d = this._getPositionStyles();
+    return h("div", { class: this.classes(Lt.base, o), styles: d });
+  }
+  _visibleChange(e) {
+    if (e)
+      return void (this.viewModel.screenLocationEnabled = !0);
+    const i = zi(this._animationDelay);
+    this._animationPromise = i, i.catch(() => {
+    }).then(() => {
+      this._animationPromise === i && (this.viewModel.screenLocationEnabled = !1, this._animationPromise = null);
+    });
+  }
+  _getPositionStyles() {
+    const { screenLocation: e, view: i } = this.viewModel;
+    if (i == null || e == null)
+      return {};
+    const { padding: s } = i;
+    return { left: e.x - s.left + "px", top: e.y - s.top + "px" };
+  }
+};
+a([l()], be.prototype, "location", null), a([l()], be.prototype, "view", null), a([l({ type: us })], be.prototype, "viewModel", void 0), a([l()], be.prototype, "visible", null), be = a([O("esri.widgets.Spinner")], be);
+const Ur = be, j = "esri-features", W = { icon: `${j}__icon`, actionImage: `${j}__action-image`, base: j, container: `${j}__container`, contentContainer: `${j}__content-container`, contentFeature: `${j}__content-feature`, flowItemCollapsed: `${j}__flow-item--collapsed`, header: `${j}__header`, footer: `${j}__footer`, featureMenuObserver: `${j}__feature-menu-observer`, actionExit: `${j}__action--exit`, loader: `${j}__loader`, featuresHeading: `${j}__heading`, paginationActionBar: `${j}__pagination-action-bar`, paginationPrevious: `${j}__pagination-previous`, paginationNext: `${j}__pagination-next` };
+let Me = class extends te {
+  constructor(e, i) {
+    super(e, i), this.messages = null, this.closed = !1, this.closable = !0, this._handleOpenRelatedFeature = (s) => {
+      this.emit("open-related-feature", { feature: s });
+    };
+  }
+  loadDependencies() {
+    return qe({ action: () => import("./calcite-action-ad0d1e23.js"), "flow-item": () => import("./calcite-flow-item-eb314bb8.js") });
+  }
+  render() {
+    const { flowItems: e } = this, i = e == null ? void 0 : e.toArray();
+    return h(Ws, null, i == null ? void 0 : i.map((s) => this._renderRelatedRecordsFlowItem(s)));
+  }
+  _handleCloseClick() {
+    this.emit("close");
+  }
+  _handleExitClick() {
+    this.emit("exit");
+  }
+  _handleRelatedRecordsBackClick() {
+    var i;
+    const e = (i = this.flowItems) == null ? void 0 : i.pop();
+    e && ("showAllEnabled" in e.viewModel && (e.viewModel.showAllEnabled = !1), e && (e.viewModel = null, e.destroy()));
+  }
+  _renderRelatedRecordsFlowItem(e) {
+    const { messages: i, closable: s, closed: n } = this, r = "graphic" in e && !e.isTable;
+    return h("calcite-flow-item", { bind: this, closable: s, closed: n, description: this._getRelatedRecordsFlowItemDescription(e), heading: e.title ?? "", key: `flow-item-${e.viewModel.uid}`, onCalciteFlowItemBack: (o) => {
+      o.preventDefault(), this._handleRelatedRecordsBackClick();
+    }, onCalciteFlowItemClose: this._handleCloseClick }, h("calcite-action", { appearance: "transparent", bind: this, class: W.actionExit, icon: "move-up", key: "exit-related-records-action", label: i.exitRelatedRecords, onclick: this._handleExitClick, scale: "m", slot: "header-actions-start", text: i.exitRelatedRecords, title: i.exitRelatedRecords }), r ? h("calcite-action", { appearance: "transparent", bind: this, icon: "zoom-to-object", key: "open-related-feature-action", label: i.selectFeature, onclick: () => this._handleOpenRelatedFeature(e), scale: "m", slot: "header-actions-end", text: i.selectFeature, title: i.selectFeature }) : null, h("div", { class: W.container }, e.render()));
+  }
+  _getRelatedRecordsFlowItemDescription(e) {
+    return "featureCountDescription" in e ? e.featureCountDescription : e.viewModel.description ?? "";
+  }
+};
+a([l()], Me.prototype, "flowItems", void 0), a([l(), ee("esri/widgets/Features/t9n/Features")], Me.prototype, "messages", void 0), a([l()], Me.prototype, "closed", void 0), a([l()], Me.prototype, "closable", void 0), Me = a([O("esri.widgets.Features.FeaturesRelatedRecords")], Me);
+const Zr = Me;
+let Qr = class {
+  constructor(e) {
+    this._observable = new Hs(), this._set = new Set(e);
+  }
+  get size() {
+    return ve(this._observable), this._set.size;
+  }
+  add(e) {
+    const i = this._set.size;
+    return this._set.add(e), this._set.size !== i && this._observable.notify(), this;
+  }
+  clear() {
+    this._set.size > 0 && (this._set.clear(), this._observable.notify());
+  }
+  delete(e) {
+    const i = this._set.delete(e);
+    return i && this._observable.notify(), i;
+  }
+  entries() {
+    return ve(this._observable), this._set.entries();
+  }
+  forEach(e, i) {
+    ve(this._observable), this._set.forEach((s, n) => e.call(i, s, n, this), i);
+  }
+  has(e) {
+    return ve(this._observable), this._set.has(e);
+  }
+  keys() {
+    return ve(this._observable), this._set.keys();
+  }
+  values() {
+    return ve(this._observable), this._set.values();
+  }
+  [Symbol.iterator]() {
+    return ve(this._observable), this._set[Symbol.iterator]();
+  }
+  get [Symbol.toStringTag]() {
+    return this._set[Symbol.toStringTag];
+  }
+};
+const ki = "OBJECTID";
+var Te;
+(function(t) {
+  t[t.size = 22] = "size", t[t.lineWidth = 50] = "lineWidth", t[t.maxSize = 120] = "maxSize", t[t.maxOutlineSize = 80] = "maxOutlineSize", t[t.tallSymbolWidth = 20] = "tallSymbolWidth";
+})(Te || (Te = {}));
+const Ti = Wi("android");
+Wi("chrome") || Ti && Ti >= 4;
+js();
+Te.size;
+Te.maxSize;
+Te.maxOutlineSize;
+Te.lineWidth;
+Te.tallSymbolWidth;
+function hs(t) {
+  return t && "opacity" in t ? t.opacity * hs(t.parent) : 1;
+}
+async function Li(t, e) {
+  var k;
+  if (!t)
+    return;
+  const i = t.sourceLayer, s = (e != null && e.useSourceLayer ? i : t.layer) ?? i, n = hs(s);
+  if (t.symbol != null && (e == null || e.ignoreGraphicSymbol !== !0)) {
+    const M = t.symbol.type === "web-style" ? await rn(t.symbol, { ...e, cache: e != null ? e.webStyleCache : null }) : t.symbol.clone();
+    return vt(M, null, n), M;
+  }
+  const r = (e == null ? void 0 : e.renderer) ?? Gr(s);
+  let o = r && "getSymbolAsync" in r ? await r.getSymbolAsync(t, e) : null;
+  if (!o)
+    return;
+  if (o = o.type === "web-style" ? await o.fetchSymbol({ ...e, cache: e != null ? e.webStyleCache : null }) : o.clone(), !r || !("visualVariables" in r) || !((k = r.visualVariables) != null && k.length))
+    return vt(o, null, n), o;
+  if ("arcadeRequiredForVisualVariables" in r && r.arcadeRequiredForVisualVariables && (e == null ? void 0 : e.arcade) == null) {
+    const M = { ...e };
+    M.arcade = await Si(), e = M;
+  }
+  const { getColor: d, getOpacity: c, getAllSizes: u, getRotationAngle: p } = await import("./visualVariableUtils-1a38c540.js"), m = [], f = [], g = [], v = [];
+  for (const M of r.visualVariables)
+    switch (M.type) {
+      case "color":
+        m.push(M);
+        break;
+      case "opacity":
+        f.push(M);
+        break;
+      case "rotation":
+        v.push(M);
+        break;
+      case "size":
+        M.target || g.push(M);
+    }
+  const _ = !!m.length && m[m.length - 1], I = _ ? d(_, t, e) : null, w = !!f.length && f[f.length - 1];
+  let A = w ? c(w, t, e) : null;
+  if (n != null && (A = A != null ? A * n : n), vt(o, I, A), g.length) {
+    const M = u(g, t, e);
+    await on(o, M);
+  }
+  for (const M of v)
+    an(o, p(M, t, e), M.axis);
+  return o;
+}
+function Gr(t) {
+  if (t)
+    return "renderer" in t ? t.renderer : void 0;
+}
+const $e = Ve.ofType({ key: "type", defaultKeyValue: "button", base: Us, typeMap: { button: Ge, toggle: Hi } }), Ae = new Ge({ icon: "magnifying-glass-plus", id: "zoom-to-feature", title: "{messages.zoom}", className: ne.zoomInMagnifyingGlass }), Ri = new Ge({ icon: "trash", id: "remove-selected-feature", title: "{messages.remove}", className: ne.trash }), Ne = new Ge({ icon: "magnifying-glass-plus", id: "zoom-to-clustered-features", title: "{messages.zoom}", className: ne.zoomInMagnifyingGlass }), ye = new Hi({ icon: "table", id: "browse-clustered-features", title: "{messages.browseClusteredFeatures}", className: ne.table, value: !1 }), Xr = "esri.widgets.Popup.PopupViewModel", ct = () => q.getLogger(Xr), Yr = (t) => {
+  const { event: e, view: i, viewModel: s } = t, { action: n } = e;
+  if (!n)
+    return Promise.reject(new L("trigger-action:missing-arguments", "Event has no action"));
+  const { disabled: r, id: o } = n;
+  if (!o)
+    return Promise.reject(new L("trigger-action:invalid-action", "action.id is missing"));
+  if (r)
+    return Promise.reject(new L("trigger-action:invalid-action", "Action is disabled"));
+  if (o === Ae.id)
+    return Jr(s).catch(Zs);
+  if (o === Ne.id)
+    return eo(s);
+  if (o === ye.id)
+    return s.browseClusterEnabled = !s.browseClusterEnabled, s.featureMenuOpen = s.browseClusterEnabled, Promise.resolve();
+  if (o === Ri.id) {
+    s.visible = !1;
+    const { selectedFeature: d } = s;
+    if (!d)
+      return Promise.reject(new L(`trigger-action:${Ri.id}`, "selectedFeature is required", { selectedFeature: d }));
+    const { sourceLayer: c } = d;
+    return c ? c.remove(d) : i == null || i.graphics.remove(d), Promise.resolve();
+  }
+  return Promise.resolve();
+};
+function ps(t) {
+  const { selectedFeature: e, location: i, view: s } = t;
+  return s ? e ?? i ?? null : null;
+}
+function Fe(t) {
+  var e, i;
+  return !!t && t.isAggregate && ((i = (e = t.sourceLayer) == null ? void 0 : e.featureReduction) == null ? void 0 : i.type) === "cluster";
+}
+async function Kr(t, e) {
+  if ((e == null ? void 0 : e.type) !== "3d" || !t || t.declaredClass !== "esri.Graphic")
+    return !0;
+  const i = e.getViewForGraphic(t);
+  if (i && "whenGraphicBounds" in i) {
+    let s = null;
+    try {
+      s = await i.whenGraphicBounds(t, { useViewElevation: !0 });
+    } catch {
+    }
+    return !s || !s.boundingBox || s.boundingBox[0] === s.boundingBox[3] && s.boundingBox[1] === s.boundingBox[4] && s.boundingBox[2] === s.boundingBox[5];
+  }
+  return !0;
+}
+async function Jr(t) {
+  var p;
+  const { location: e, selectedFeature: i, view: s, zoomFactor: n } = t, r = ps(t);
+  if (!s || !r) {
+    const m = new L("zoom-to:invalid-target-or-view", "Cannot zoom to location without a target and view.", { target: r, view: s });
+    throw ct().error(m), m;
+  }
+  const o = s.scale / n, d = (p = t.selectedFeature) == null ? void 0 : p.geometry, c = d ?? e, u = c != null && c.type === "point" && await Kr(i, s);
+  Ae.active = !0, Ae.disabled = !0;
+  try {
+    await t.zoomTo({ target: { target: r, scale: u ? o : void 0 } });
+  } catch {
+    const f = new L("zoom-to:invalid-graphic", "Could not zoom to the location of the graphic.", { graphic: i });
+    ct().error(f);
+  } finally {
+    Ae.active = !1, Ae.disabled = !1, t.zoomToLocation = null, u && (t.location = c);
+  }
+}
+async function eo(t) {
+  const { selectedFeature: e, view: i } = t;
+  if ((i == null ? void 0 : i.type) !== "2d") {
+    const o = new L("zoomToCluster:invalid-view", "View must be 2d MapView.", { view: i });
+    throw ct().error(o), o;
+  }
+  if (!e || !Fe(e)) {
+    const o = new L("zoomToCluster:invalid-selectedFeature", "Selected feature must represent an aggregate/cluster graphic.", { selectedFeature: e });
+    throw ct().error(o), o;
+  }
+  const [s, n] = await Jt(i, e);
+  Ne.active = !0, Ne.disabled = !0;
+  const { extent: r } = await s.queryExtent(n);
+  r && await t.zoomTo({ target: r }), Ne.active = !1, Ne.disabled = !1;
+}
+async function to(t) {
+  const { view: e, selectedFeature: i } = t;
+  if (!e || !i)
+    return;
+  const [s, n] = await Jt(e, i), { extent: r } = await s.queryExtent(n);
+  t.selectedClusterBoundaryFeature.geometry = r, e.graphics.add(t.selectedClusterBoundaryFeature);
+}
+async function io(t) {
+  const { selectedFeature: e, view: i } = t;
+  if (!i || !e)
+    return;
+  const [s, n] = await Jt(i, e);
+  ye.active = !0, ye.disabled = !0;
+  const { features: r } = await s.queryFeatures(n);
+  ye.active = !1, ye.disabled = !1, ye.value = !0, t == null || t.open({ features: [e].concat(r), featureMenuOpen: !0 });
+}
+async function Jt(t, e) {
+  const i = await t.whenLayerView(e.sourceLayer), s = i.createQuery(), n = e.getObjectId();
+  return s.aggregateIds = n != null ? [n] : [], [i, s];
+}
+function so(t) {
+  ye.value = !1;
+  const e = t.features.filter((i) => Fe(i));
+  e.length && (t.features = e);
+}
+const no = () => [Ae.clone()], ro = () => [Ne.clone(), ye.clone()];
+let Je = null;
+function oo(t, e) {
+  return t === "building-scene" || e === "2d" && (t === "map-image" || t === "tile" || t === "imagery" || t === "imagery-tile");
+}
+let C = class extends Qs(cs) {
+  constructor(t) {
+    super(t), this._pendingPromises = new Qr(), this._fetchFeaturesController = null, this._highlightSelectedFeaturePromise = null, this._highlightActiveFeaturePromise = null, this._selectedClusterFeature = null, this._locationScaleHandle = null, this.actions = new $e(), this.activeFeature = null, this.autoCloseEnabled = !1, this.autoOpenEnabled = !0, this.browseClusterEnabled = !1, this.content = null, this.defaultPopupTemplateEnabled = !1, this.featurePage = null, this.featuresPerPage = 20, this.featureMenuOpen = !1, this.featureViewModelAbilities = null, this.featureViewModels = [], this.highlightEnabled = !0, this.includeDefaultActions = !0, this.selectedClusterBoundaryFeature = new De({ symbol: new Gs({ outline: { width: 1.5, color: "cyan" }, style: "none" }) }), this.title = null, this.updateLocationEnabled = !1, this.view = null, this.visible = !1, this.zoomFactor = 4, this.zoomToLocation = null, this._debouncedLocationUpdate = et(async (e) => {
+      var r, o, d;
+      const { view: i } = this, s = (o = (r = this.selectedFeature) == null ? void 0 : r.geometry) == null ? void 0 : o.type, n = this.location ?? e;
+      if (s !== "mesh" && i && n && this.selectedFeature)
+        if (s !== "point")
+          try {
+            const { pendingFeatures: c } = await this._fetchFeaturesWithController({ mapPoint: n }), u = (await Promise.all(c)).flat().filter(Boolean);
+            if (!u.length)
+              return;
+            if (u.length !== this.features.length) {
+              const g = this._getHighlightLayer(this.selectedFeature), v = (g == null ? void 0 : g.type) === "imagery" ? void 0 : g && "objectIdField" in g ? g.objectIdField || ki : null;
+              if (v) {
+                const _ = this.selectedFeature.getObjectId(), I = u.findIndex((w) => {
+                  const A = this._getHighlightLayer(w);
+                  return (A == null ? void 0 : A.uid) === (g == null ? void 0 : g.uid) && w.attributes[v] === _;
+                });
+                this.features = u, this.selectedFeatureIndex = I;
+              }
+            }
+            const p = (d = u[this.selectedFeatureIndex]) == null ? void 0 : d.geometry, m = ((p == null ? void 0 : p.type) !== "mesh" ? p : null) ?? this.selectedFeature.geometry, f = m ? Xs(m, i.spatialReference) : null;
+            if (!f)
+              return;
+            Je || (Je = await import("./geometryEngineAsync-db2e5674.js")), await Je.intersects(f, n) || (this.location = (await Je.nearestCoordinate(f, n)).coordinate ?? n);
+          } catch (c) {
+            Rt(c) || q.getLogger(this).error(c);
+          }
+        else
+          this.location = Ot(this.selectedFeature.geometry) ?? n;
+    });
+  }
+  initialize() {
+    this.addHandles([this.on("view-change", () => this._autoClose()), y(() => [this.highlightEnabled, this.selectedFeature, this.visible, this.view], () => this._highlightSelectedFeature()), y(() => [this.highlightEnabled, this.activeFeature, this.visible, this.view], () => this._highlightActiveFeature()), y(() => {
+      var t, e;
+      return (e = (t = this.view) == null ? void 0 : t.animation) == null ? void 0 : e.state;
+    }, (t) => this._animationStateChange(t)), y(() => this.location, (t) => this._locationChange(t)), y(() => this.selectedFeature, (t) => this._selectedFeatureChange(t)), y(() => [this.selectedFeatureIndex, this.featureCount, this.featuresPerPage], () => this._selectedFeatureIndexChange()), y(() => [this.featurePage, this.selectedFeatureIndex, this.featureCount, this.featuresPerPage, this.featureViewModels], () => this._setGraphicOnFeatureViewModels()), y(() => this.featureViewModels, () => this._featureViewModelsChange()), this.on("trigger-action", (t) => Yr({ event: t, viewModel: this, view: this.view })), ot(() => !this.waitingForResult, () => this._waitingForResultChange(), Ys), y(() => {
+      var t, e, i;
+      return [this.features, (t = this.view) == null ? void 0 : t.map, (e = this.view) == null ? void 0 : e.spatialReference, (i = this.view) == null ? void 0 : i.timeZone];
+    }, () => this._updateFeatureVMs()), y(() => {
+      var t;
+      return (t = this.view) == null ? void 0 : t.scale;
+    }, () => this._viewScaleChange()), ot(() => !this.visible, () => this.browseClusterEnabled = !1), y(() => this.browseClusterEnabled, (t) => t ? this.enableClusterBrowsing() : this.disableClusterBrowsing())]);
+  }
+  destroy() {
+    var t;
+    this._cancelFetchingFeatures(), this._pendingPromises.clear(), this.browseClusterEnabled = !1, this.view = null, (t = this._locationScaleHandle) == null || t.remove(), this._locationScaleHandle = null;
+  }
+  get active() {
+    return !(!this.visible || this.waitingForResult);
+  }
+  get allActions() {
+    const t = this._get("allActions") || new $e();
+    t.removeAll();
+    const { actions: e, defaultActions: i, defaultPopupTemplateEnabled: s, includeDefaultActions: n, selectedFeature: r } = this, o = n ? i.concat(e) : e, d = r && (typeof r.getEffectivePopupTemplate == "function" && r.getEffectivePopupTemplate(s) || r.popupTemplate), c = d == null ? void 0 : d.actions, u = d != null && d.overwriteActions ? c : (c == null ? void 0 : c.concat(o)) ?? o;
+    return u == null || u.filter(Boolean).forEach((p) => t.add(p)), t;
+  }
+  get defaultActions() {
+    const t = this._get("defaultActions") || new $e();
+    return t.removeAll(), t.addMany(Fe(this.selectedFeature) ? ro() : no()), t;
+  }
+  get featureCount() {
+    return this.features.length;
+  }
+  set features(t) {
+    const e = t || [];
+    this._set("features", e);
+    const { pendingPromisesCount: i, promiseCount: s, selectedFeatureIndex: n } = this, r = s && e.length;
+    r && i && n === -1 ? this.selectedFeatureIndex = 0 : r && n !== -1 || (this.selectedFeatureIndex = e.length ? 0 : -1);
+  }
+  set location(t) {
+    var n, r, o;
+    let e = t;
+    const i = (r = (n = this.view) == null ? void 0 : n.spatialReference) == null ? void 0 : r.isWebMercator;
+    ((o = t == null ? void 0 : t.spatialReference) == null ? void 0 : o.isWGS84) && i && (e = Ks(t)), this._set("location", e);
+  }
+  get pendingPromisesCount() {
+    return this._pendingPromises.size;
+  }
+  get promiseCount() {
+    return this.promises.length;
+  }
+  get promises() {
+    return this._get("promises") || [];
+  }
+  set promises(t) {
+    this._pendingPromises.clear(), this.features = [], Array.isArray(t) && t.length ? (this._set("promises", t), (t = t.slice(0)).forEach((e) => this._pendingPromises.add(e)), t.reduce((e, i) => e.finally(() => i.then((s) => {
+      this._pendingPromises.has(i) && this._updateFeatures(s);
+    }).finally(() => this._pendingPromises.delete(i)).catch(() => {
+    })), Promise.resolve())) : this._set("promises", []);
+  }
+  get selectedFeature() {
+    const { features: t, selectedFeatureIndex: e } = this;
+    return e === -1 ? null : t[e] || null;
+  }
+  get selectedFeatureIndex() {
+    const t = this._get("selectedFeatureIndex");
+    return typeof t == "number" ? t : -1;
+  }
+  set selectedFeatureIndex(t) {
+    const { featureCount: e } = this;
+    t = isNaN(t) || t < -1 || !e ? -1 : (t + e) % e, this.activeFeature = null, this._set("selectedFeatureIndex", t);
+  }
+  get selectedFeatureViewModel() {
+    return this.featureViewModels[this.selectedFeatureIndex] || null;
+  }
+  get state() {
+    var t;
+    return (t = this.view) != null && t.ready ? "ready" : "disabled";
+  }
+  get waitingForContents() {
+    return this.featureViewModels.some((t) => t.waitingForContent);
+  }
+  get waitingForResult() {
+    return !(!(this._fetchFeaturesController || this.pendingPromisesCount > 0) || this.featureCount !== 0);
+  }
+  centerAtLocation() {
+    const { view: t } = this, e = ps(this);
+    return e && t ? this.callGoTo({ target: { target: e, scale: t.scale } }) : Promise.reject(new L("center-at-location:invalid-target-or-view", "Cannot center at a location without a target and view.", { target: e, view: t }));
+  }
+  zoomTo(t) {
+    return this.callGoTo(t);
+  }
+  clear() {
+    this.set({ promises: [], features: [], content: null, title: null, location: null, activeFeature: null });
+  }
+  fetchFeatures(t, e) {
+    var s;
+    const { view: i } = this;
+    if (!i || !t)
+      throw new L("fetch-features:invalid-screenpoint-or-view", "Cannot fetch features without a screenPoint and view.", { screenPoint: t, view: i });
+    return i.fetchPopupFeatures(t, { pointerType: (s = e == null ? void 0 : e.event) == null ? void 0 : s.pointerType, defaultPopupTemplateEnabled: this.defaultPopupTemplateEnabled, signal: e == null ? void 0 : e.signal });
+  }
+  open(t) {
+    const e = { updateLocationEnabled: !1, promises: [], fetchFeatures: !1, ...t, visible: !0 }, { fetchFeatures: i } = e;
+    delete e.fetchFeatures, i && this._setFetchFeaturesPromises(e.location);
+    const s = ["actionsMenuOpen", "collapsed"];
+    for (const n of s)
+      delete e[n];
+    this.set(e);
+  }
+  triggerAction(t) {
+    const e = this.allActions.at(t);
+    e && !e.disabled && this.emit("trigger-action", { action: e });
+  }
+  next() {
+    return this.selectedFeatureIndex++, this;
+  }
+  previous() {
+    return this.selectedFeatureIndex--, this;
+  }
+  disableClusterBrowsing() {
+    so(this), this._clearBrowsedClusterGraphics();
+  }
+  async enableClusterBrowsing() {
+    const { view: t, selectedFeature: e } = this;
+    (t == null ? void 0 : t.type) === "2d" ? Fe(e) ? (await to(this), await io(this)) : q.getLogger(this).warn("enableClusterBrowsing:invalid-selectedFeature: Selected feature must represent an aggregate/cluster graphic.", e) : q.getLogger(this).warn("enableClusterBrowsing:invalid-view: View must be 2d MapView.", e);
+  }
+  handleViewClick(t) {
+    this.autoOpenEnabled && this._fetchFeaturesAndOpen(t);
+  }
+  _animationStateChange(t) {
+    this.zoomToLocation || (Ae.disabled = t === "waiting-for-target");
+  }
+  _clearBrowsedClusterGraphics() {
+    var e, i;
+    const t = [this.selectedClusterBoundaryFeature, this._selectedClusterFeature].filter(ut);
+    (i = (e = this.view) == null ? void 0 : e.graphics) == null || i.removeMany(t), this._selectedClusterFeature = null, this.selectedClusterBoundaryFeature.geometry = null;
+  }
+  _viewScaleChange() {
+    if (Fe(this.selectedFeature))
+      return this.browseClusterEnabled = !1, this.visible = !1, void this.clear();
+    this.browseClusterEnabled && (this.features = this.selectedFeature ? [this.selectedFeature] : []);
+  }
+  _locationChange(t) {
+    const { selectedFeature: e, updateLocationEnabled: i } = this;
+    i && t && (!e || e.geometry) && this.centerAtLocation();
+  }
+  _selectedFeatureIndexChange() {
+    this.featurePage = this.featureCount > 1 ? Math.floor(this.selectedFeatureIndex / this.featuresPerPage) + 1 : null;
+  }
+  _featureViewModelsChange() {
+    this.featurePage = this.featureCount > 1 ? 1 : null;
+  }
+  _setGraphicOnFeatureViewModels() {
+    const { features: t, featureCount: e, featurePage: i, featuresPerPage: s, featureViewModels: n } = this;
+    if (i === null)
+      return;
+    const r = ((i - 1) * s + e) % e, o = r + s;
+    n.slice(r, o).forEach((d, c) => {
+      d && (d.graphic ?? (d.graphic = t[r + c]));
+    });
+  }
+  async _selectedFeatureChange(t) {
+    var n;
+    const { location: e, updateLocationEnabled: i, view: s } = this;
+    if (t && s) {
+      if (this.browseClusterEnabled)
+        return this._selectedClusterFeature && (s.graphics.remove(this._selectedClusterFeature), this._selectedClusterFeature = null), Fe(t) ? void 0 : (t.symbol = await Li(t), this._selectedClusterFeature = t, void s.graphics.add(this._selectedClusterFeature));
+      if (t.symbol = await Li(t), !i && e || !t.geometry) {
+        if (i && !t.geometry) {
+          await this.centerAtLocation();
+          const r = (n = s.center) == null ? void 0 : n.clone();
+          r && (this.location = r);
+        }
+      } else
+        this.location = Ot(t.geometry);
+    }
+  }
+  _waitingForResultChange() {
+    !this.featureCount && this.promises && (this.visible = !1);
+  }
+  async _setFetchFeaturesPromises(t) {
+    const { pendingFeatures: e } = await this._fetchFeaturesWithController({ mapPoint: t });
+    this.promises = e;
+  }
+  _destroyFeatureVMs() {
+    this.featureViewModels.forEach((t) => t && !t.destroyed && t.destroy()), this._set("featureViewModels", []);
+  }
+  _updateFeatureVMs() {
+    const { selectedFeature: t, features: e, featureViewModels: i, view: s } = this;
+    if (Fe(t) || (this.browseClusterEnabled = !1), this._destroyFeatureVMs(), !(e != null && e.length))
+      return;
+    const n = i.slice(0), r = [];
+    e.forEach((o, d) => {
+      if (!o)
+        return;
+      let c = null;
+      if (n.some((u, p) => (u && u.graphic === o && (c = u, n.splice(p, 1)), !!c)), c)
+        r[d] = c;
+      else {
+        const u = new Kt({ abilities: this.featureViewModelAbilities, defaultPopupTemplateEnabled: this.defaultPopupTemplateEnabled, spatialReference: s == null ? void 0 : s.spatialReference, graphic: o === t ? o : null, location: this.location, map: s == null ? void 0 : s.map, view: s });
+        r[d] = u;
+      }
+    }), n.forEach((o) => o && !o.destroyed && o.destroy()), this._set("featureViewModels", r);
+  }
+  async _getScreenPoint(t, e) {
+    const { view: i } = this;
+    await (i == null ? void 0 : i.when());
+    const s = t == null ? void 0 : t.spatialReference, n = i == null ? void 0 : i.spatialReference;
+    return s && n ? (await Js(s, n, null, e), i.toScreen(t)) : null;
+  }
+  _cancelFetchingFeatures() {
+    const t = this._fetchFeaturesController;
+    t && t.abort(), this._fetchFeaturesController = null;
+  }
+  async _projectScreenPointAndFetchFeatures({ mapPoint: t, screenPoint: e, event: i, signal: s }) {
+    return this.fetchFeatures(e ?? await this._getScreenPoint(t ?? this.location, { signal: s }), { signal: s, event: i });
+  }
+  _fetchFeaturesWithController({ mapPoint: t, screenPoint: e, event: i }) {
+    this._cancelFetchingFeatures();
+    const s = new AbortController(), { signal: n } = s;
+    this._fetchFeaturesController = s;
+    const r = this._projectScreenPointAndFetchFeatures({ mapPoint: t, screenPoint: e, signal: n, event: i });
+    return r.catch(() => {
+    }).then(() => {
+      this._fetchFeaturesController = null;
+    }), r;
+  }
+  async _fetchFeaturesAndOpen(t) {
+    var r;
+    const { mapPoint: e, screenPoint: i } = t, { view: s } = this;
+    (r = this._locationScaleHandle) == null || r.remove(), this._locationScaleHandle = y(() => {
+      var o;
+      return (o = this.view) == null ? void 0 : o.scale;
+    }, () => this._debouncedLocationUpdate(e).catch((o) => {
+      Rt(o) || q.getLogger(this).error(o);
+    }));
+    const { pendingFeatures: n } = await this._fetchFeaturesWithController({ mapPoint: e, screenPoint: i, event: t });
+    s != null && s.popup && "open" in s.popup && s.popup.open({ location: e ?? void 0, promises: n });
+  }
+  _autoClose() {
+    this.autoCloseEnabled && (this.visible = !1);
+  }
+  async _getLayerView(t, e) {
+    return await t.when(), t.whenLayerView(e);
+  }
+  _getHighlightLayer(t) {
+    const { layer: e, sourceLayer: i } = t;
+    return i && "layer" in i && i.layer ? i.layer : (i == null ? void 0 : i.type) === "map-notes" || (i == null ? void 0 : i.type) === "subtype-group" ? i : e;
+  }
+  _getHighlightTarget(t, e, i) {
+    if (oo(e.type, i))
+      return t;
+    const s = t.getObjectId();
+    if (s != null)
+      return s;
+    const n = e.type === "imagery" ? void 0 : "objectIdField" in e ? e.objectIdField || ki : null, r = t.attributes;
+    return r && n && r[n] || t;
+  }
+  _mapIncludesLayer(t) {
+    var e, i, s;
+    return !!((s = (i = (e = this.view) == null ? void 0 : e.map) == null ? void 0 : i.allLayers) != null && s.includes(t));
+  }
+  async _highlightActiveFeature() {
+    const t = "highlight-active-feature";
+    this.removeHandles(t);
+    const { highlightEnabled: e, view: i, activeFeature: s, visible: n } = this;
+    if (!(s && i && e && n))
+      return;
+    const r = this._getHighlightLayer(s);
+    if (!(r && r instanceof oi && this._mapIncludesLayer(r)))
+      return;
+    const o = this._getLayerView(i, r);
+    this._highlightActiveFeaturePromise = o;
+    const d = await o;
+    if (!(d && li(d) && this._highlightActiveFeaturePromise === o && this.activeFeature && this.highlightEnabled))
+      return;
+    const c = d.highlight(this._getHighlightTarget(s, r, i.type));
+    this.addHandles(c, t);
+  }
+  async _highlightSelectedFeature() {
+    const t = "highlight-selected-feature";
+    this.removeHandles(t);
+    const { selectedFeature: e, highlightEnabled: i, view: s, visible: n } = this;
+    if (!(e && s && i && n))
+      return;
+    const r = this._getHighlightLayer(e);
+    if (!(r && r instanceof oi && this._mapIncludesLayer(r)))
+      return;
+    const o = this._getLayerView(s, r);
+    this._highlightSelectedFeaturePromise = o;
+    const d = await o;
+    if (!(d && li(d) && this._highlightSelectedFeaturePromise === o && this.selectedFeature && this.highlightEnabled && this.visible))
+      return;
+    const c = d.highlight(this._getHighlightTarget(e, r, s.type));
+    this.addHandles(c, t);
+  }
+  _updateFeatures(t) {
+    const { features: e } = this, i = t.filter((s) => !e.includes(s));
+    i != null && i.length && (this.features = e.concat(i));
+  }
+};
+a([l()], C.prototype, "_fetchFeaturesController", void 0), a([l({ type: $e })], C.prototype, "actions", void 0), a([l({ readOnly: !0 })], C.prototype, "active", null), a([l()], C.prototype, "activeFeature", void 0), a([l({ readOnly: !0 })], C.prototype, "allActions", null), a([l()], C.prototype, "autoCloseEnabled", void 0), a([l()], C.prototype, "autoOpenEnabled", void 0), a([l()], C.prototype, "browseClusterEnabled", void 0), a([l()], C.prototype, "content", void 0), a([l({ type: $e, readOnly: !0 })], C.prototype, "defaultActions", null), a([l({ type: Boolean })], C.prototype, "defaultPopupTemplateEnabled", void 0), a([l({ readOnly: !0 })], C.prototype, "featureCount", null), a([l()], C.prototype, "featurePage", void 0), a([l({ value: [] })], C.prototype, "features", null), a([l()], C.prototype, "featuresPerPage", void 0), a([l()], C.prototype, "featureMenuOpen", void 0), a([l()], C.prototype, "featureViewModelAbilities", void 0), a([l({ readOnly: !0 })], C.prototype, "featureViewModels", void 0), a([l()], C.prototype, "highlightEnabled", void 0), a([l()], C.prototype, "includeDefaultActions", void 0), a([l({ type: zt })], C.prototype, "location", null), a([l({ readOnly: !0 })], C.prototype, "pendingPromisesCount", null), a([l({ readOnly: !0 })], C.prototype, "promiseCount", null), a([l()], C.prototype, "promises", null), a([l({ readOnly: !0 })], C.prototype, "selectedClusterBoundaryFeature", void 0), a([l({ value: null, readOnly: !0 })], C.prototype, "selectedFeature", null), a([l({ value: -1 })], C.prototype, "selectedFeatureIndex", null), a([l({ readOnly: !0 })], C.prototype, "selectedFeatureViewModel", null), a([l({ readOnly: !0 })], C.prototype, "state", null), a([l()], C.prototype, "title", void 0), a([l()], C.prototype, "updateLocationEnabled", void 0), a([l()], C.prototype, "view", void 0), a([l()], C.prototype, "visible", void 0), a([l({ readOnly: !0 })], C.prototype, "waitingForContents", null), a([l({ readOnly: !0 })], C.prototype, "waitingForResult", null), a([l()], C.prototype, "zoomFactor", void 0), a([l()], C.prototype, "zoomToLocation", void 0), a([l()], C.prototype, "centerAtLocation", null), C = a([O("esri.widgets.Features.FeaturesViewModel")], C);
+const ei = C;
+let le = class extends me {
+  constructor() {
+    super(...arguments), this.actionBar = !0, this.closeButton = !0, this.collapseButton = !1, this.featureNavigation = !0, this.flow = !0, this.heading = !0, this.spinner = !0;
+  }
+};
+a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "actionBar", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "closeButton", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "collapseButton", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "featureNavigation", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "flow", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "heading", void 0), a([l({ type: Boolean, nonNullable: !0 })], le.prototype, "spinner", void 0), le = a([O("esri.widgets.Features.FeaturesVisibleElements")], le);
+const ms = le, Pi = "selected-index", ao = 0, Oi = "features-spinner", lo = 50;
+let x = class extends ds(te) {
+  constructor(t, e) {
+    super(t, e), this._featureMenuIntersectionObserverCallback = ([i]) => {
+      i != null && i.isIntersecting && this.viewModel.featurePage != null && this.viewModel.featurePage++;
+    }, this._featureMenuIntersectionObserver = new IntersectionObserver(this._featureMenuIntersectionObserverCallback, { root: window.document }), this._featureMenuIntersectionObserverNode = null, this._focusOn = null, this._spinner = null, this._feature = null, this._relatedRecordsFlowItems = new Ve(), this._relatedRecordsWidget = new Zr({ flowItems: this._relatedRecordsFlowItems }), this._rootFlowItemNode = null, this._featureMenuViewportNode = null, this._actionBarMenuNode = null, this.collapsed = !1, this.icon = null, this.featureNavigationTop = !1, this.headerActions = new $e(), this.headingLevel = 2, this.messages = null, this.messagesCommon = null, this.responsiveActionsEnabled = !1, this.viewModel = new ei(), this.visibleElements = new ms(), this._renderAction = (i, s) => {
+      const n = this._getActionTitle(i), { type: r, active: o, uid: d, disabled: c, indicator: u } = i;
+      return i.visible ? h("calcite-action", { active: r === "toggle" && i.value, appearance: "solid", bind: this, "data-action-uid": d, disabled: c, icon: this._getActionIcon(i), indicator: u, key: `action-${s}`, loading: o, onclick: this._triggerAction, scale: "s", text: n, title: this._hideActionText ? n : void 0 }, this._getFallbackIcon(i)) : null;
+    }, this._openFeatureMenu = () => {
+      this.featureMenuOpen = !0, this._focusOn = "menu-flow-item";
+    }, this._previousFeature = () => {
+      this.viewModel.selectedFeatureIndex--;
+    }, this._nextFeature = () => {
+      this.viewModel.selectedFeatureIndex++;
+    }, this._handleFeatureMenuBack = () => {
+      this.featureMenuOpen && (this._focusOn = "root-flow-item", this.featureMenuOpen = !1);
+    }, this._focusFlowItemNode = (i) => {
+      this._focusOn === i && requestAnimationFrame(async () => {
+        var s, n;
+        switch (i) {
+          case "menu-flow-item":
+            await ((s = this._featureMenuViewportNode) == null ? void 0 : s.setFocus());
+            break;
+          case "root-flow-item":
+            await ((n = this._rootFlowItemNode) == null ? void 0 : n.setFocus());
+        }
+        this._focusOn = null;
+      });
+    }, this._focusFlowItemNodeThrottled = at(this._focusFlowItemNode, lo), this._displaySpinnerThrottled = at(() => this._displaySpinner(), ao), this._addSelectedFeatureIndexHandle(), this.addHandles([this._displaySpinnerThrottled, this._focusFlowItemNodeThrottled, y(() => {
+      var i;
+      return (i = this.viewModel) == null ? void 0 : i.active;
+    }, () => this._toggleScreenLocationEnabled()), y(() => {
+      var i;
+      return (i = this.viewModel) == null ? void 0 : i.active;
+    }, (i) => this._relatedRecordsWidget.closed = !i), y(() => {
+      var i;
+      return (i = this.visibleElements) == null ? void 0 : i.closeButton;
+    }, (i) => this._relatedRecordsWidget.closable = i), y(() => {
+      var i;
+      return (i = this.visibleElements) == null ? void 0 : i.spinner;
+    }, (i) => this._spinnerEnabledChange(i)), y(() => {
+      var i;
+      return (i = this.viewModel) == null ? void 0 : i.view;
+    }, (i, s) => this._viewChange(i, s)), y(() => {
+      var i, s;
+      return (s = (i = this.viewModel) == null ? void 0 : i.view) == null ? void 0 : s.ready;
+    }, (i, s) => this._viewReadyChange(i ?? !1, s ?? !1)), y(() => {
+      var i, s;
+      return [(i = this.viewModel) == null ? void 0 : i.waitingForResult, (s = this.viewModel) == null ? void 0 : s.location];
+    }, () => {
+      this._hideSpinner(), this._displaySpinnerThrottled();
+    }), y(() => {
+      var i;
+      return (i = this.viewModel) == null ? void 0 : i.screenLocation;
+    }, () => this._closeOpenActionMenu()), y(() => this.selectedFeatureWidget, () => this._destroyRelatedRecordsFlowItemWidgets()), y(() => {
+      var s;
+      const i = (s = this.selectedFeatureWidget) == null ? void 0 : s.viewModel;
+      return [i == null ? void 0 : i.title, i == null ? void 0 : i.state];
+    }, () => this._setTitleFromFeatureWidget()), y(() => {
+      var s;
+      const i = (s = this.selectedFeatureWidget) == null ? void 0 : s.viewModel;
+      return [i == null ? void 0 : i.content, i == null ? void 0 : i.state];
+    }, () => this._setContentFromFeatureWidget()), y(() => {
+      var i;
+      return (i = this.viewModel) == null ? void 0 : i.featureViewModels;
+    }, () => this._featureMenuViewportScrollTop()), this._relatedRecordsWidget.on("close", () => this.close()), this._relatedRecordsWidget.on("exit", () => this._destroyRelatedRecordsFlowItemWidgets()), this._relatedRecordsWidget.on("open-related-feature", ({ feature: i }) => this._openRelatedFeature(i))]);
+  }
+  loadDependencies() {
+    return qe({ action: () => import("./calcite-action-ad0d1e23.js"), "action-bar": () => import("./calcite-action-bar-1b2de6d0.js"), "action-group": () => import("./calcite-action-group-aacf8ec4.js"), button: () => import("./calcite-button-125cbd95.js"), flow: () => import("./calcite-flow-c9a6e8fa.js"), "flow-item": () => import("./calcite-flow-item-eb314bb8.js"), list: () => import("./calcite-list-2087f9ca.js"), "list-item": () => import("./calcite-list-item-3419fb5f.js"), "list-item-group": () => import("./calcite-list-item-group-3a6545e3.js"), loader: () => import("./calcite-loader-16bcfb95.js") });
+  }
+  destroy() {
+    var t, e;
+    this._destroyRelatedRecordsFlowItemWidgets(), this._destroySelectedFeatureWidget(), this._destroySpinner(), this._unobserveFeatureMenuObserver(), (t = this._featureMenuIntersectionObserver) == null || t.disconnect(), (e = this._relatedRecordsWidget) == null || e.destroy();
+  }
+  get _hideActionText() {
+    var e;
+    if (!this.responsiveActionsEnabled)
+      return !1;
+    const t = (e = this.view) == null ? void 0 : e.widthBreakpoint;
+    return t === "xsmall" || t === "small" || t === "medium";
+  }
+  get _featureNavigationVisible() {
+    return this.viewModel.active && this.viewModel.featureCount > 1 && this.visibleElements.featureNavigation;
+  }
+  get _isCollapsed() {
+    return this._collapseEnabled && this.collapsed;
+  }
+  get _collapseEnabled() {
+    return this.visibleElements.collapseButton && !!this.title && !!this.content;
+  }
+  get content() {
+    return this.viewModel.content;
+  }
+  set content(t) {
+    this.viewModel.content = t;
+  }
+  get featureMenuOpen() {
+    return this.viewModel.featureMenuOpen;
+  }
+  set featureMenuOpen(t) {
+    this.viewModel.featureMenuOpen = t;
+  }
+  get features() {
+    return this.viewModel.features;
+  }
+  set features(t) {
+    this.viewModel.features = t;
+  }
+  get location() {
+    return this.viewModel.location;
+  }
+  set location(t) {
+    this.viewModel.location = t;
+  }
+  get label() {
+    var t;
+    return ((t = this.messages) == null ? void 0 : t.widgetLabel) ?? "";
+  }
+  set label(t) {
+    this._overrideIfSome("label", t);
+  }
+  get promises() {
+    return this.viewModel.promises;
+  }
+  set promises(t) {
+    this.viewModel.promises = t;
+  }
+  get selectedFeature() {
+    return this.viewModel.selectedFeature;
+  }
+  get selectedFeatureIndex() {
+    return this.viewModel.selectedFeatureIndex;
+  }
+  set selectedFeatureIndex(t) {
+    this.viewModel.selectedFeatureIndex = t;
+  }
+  get selectedFeatureWidget() {
+    const { _feature: t, headingLevel: e, _relatedRecordsFlowItems: i } = this, { selectedFeatureViewModel: s } = this.viewModel, n = { title: !1 };
+    return s ? (t ? (t.viewModel = s, t.visibleElements = n) : this._feature = new Hr({ flowItems: i, headingLevel: e + 1, viewModel: s, visibleElements: n }), this._feature) : null;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(t) {
+    this.viewModel.title = t;
+  }
+  get updateLocationEnabled() {
+    return this.viewModel.updateLocationEnabled;
+  }
+  set updateLocationEnabled(t) {
+    this.viewModel.updateLocationEnabled = t;
+  }
+  get view() {
+    return this.viewModel.view;
+  }
+  set view(t) {
+    this.viewModel.view = t;
+  }
+  get visible() {
+    return this.viewModel.visible;
+  }
+  set visible(t) {
+    this.viewModel.visible = t;
+  }
+  blur() {
+    var e;
+    const { active: t } = this.viewModel;
+    t ? (e = this._rootFlowItemNode) == null || e.blur() : q.getLogger(this).warn("Features can only be blurred when currently active.");
+  }
+  clear() {
+    return this.viewModel.clear();
+  }
+  close() {
+    this.viewModel.visible = !1;
+  }
+  fetchFeatures(t, e) {
+    return this.viewModel.fetchFeatures(t, e);
+  }
+  focus() {
+    const { active: t } = this.viewModel;
+    t ? this._setFocusOn() : q.getLogger(this).warn("Features can only be focused when currently active.");
+  }
+  next() {
+    return this.viewModel.next();
+  }
+  open(t) {
+    this.removeHandles(Pi);
+    const e = { collapsed: (t == null ? void 0 : t.collapsed) ?? !1 };
+    this.set(e), this.viewModel.open(t), this.addHandles(ot(() => !this.viewModel.waitingForResult, () => this._addSelectedFeatureIndexHandle(), { once: !0 }));
+  }
+  previous() {
+    return this.viewModel.previous();
+  }
+  triggerAction(t) {
+    return this.viewModel.triggerAction(t);
+  }
+  render() {
+    return h("div", { bind: this, class: this.classes(W.base, F.widget, F.panel), onkeydown: this._onMainKeydown }, this._renderHeader(), this._renderContentContainer());
+  }
+  _renderFeatureNavigation() {
+    return [this._renderPagination(), this._renderFeatureMenuButton()];
+  }
+  _renderHeader() {
+    return !this.featureMenuOpen && this.featureNavigationTop && this._featureNavigationVisible ? h("div", { class: W.header, key: "header-actions" }, this._renderFeatureNavigation()) : null;
+  }
+  _renderFooter() {
+    return this.featureMenuOpen || this.featureNavigationTop || !this._featureNavigationVisible ? null : h("div", { class: W.footer, key: "footer-actions", slot: "footer" }, this._renderFeatureNavigation());
+  }
+  _renderFeatureMenuButton() {
+    const { messages: t, viewModel: e } = this, { featureCount: i, selectedFeatureIndex: s, pendingPromisesCount: n } = e;
+    return h("calcite-action", { appearance: "solid", bind: this, icon: "list", key: "feature-menu-button", label: t.selectFeature, loading: n > 0, onclick: this._openFeatureMenu, scale: "s", text: de(t.pageText, { index: Se(s + 1), total: Se(i) }), textEnabled: !0, title: t.selectFeature });
+  }
+  _renderPagination() {
+    const { previous: t, next: e } = this.messagesCommon.pagination;
+    return h("calcite-action-bar", { class: W.paginationActionBar, expandDisabled: !0, key: "pagination-action-bar", layout: "horizontal", overflowActionsDisabled: !0, scale: "s" }, h("calcite-action-group", { scale: "s" }, h("calcite-action", { appearance: "solid", class: W.paginationPrevious, icon: "chevron-left", iconFlipRtl: !0, label: t, onclick: this._previousFeature, scale: "s", text: t, title: t }), h("calcite-action", { appearance: "solid", icon: "chevron-right", iconFlipRtl: !0, label: e, onclick: this._nextFeature, scale: "s", text: e, title: e })));
+  }
+  _renderFeatureMenuItem(t) {
+    const { selectedFeatureViewModel: e, featureViewModels: i } = this.viewModel, s = t === e, n = i.indexOf(t);
+    return h("calcite-list-item", { bind: this, "data-feature-index": n, key: `feature-menu-item-${t.uid}`, onblur: this._removeActiveFeature, onfocus: this._setActiveFeature, onmouseleave: this._removeActiveFeature, onmouseover: this._setActiveFeature, selected: s, onCalciteListItemSelect: this._selectFeature }, h("span", { innerHTML: t.title || this.messagesCommon.untitled, slot: "content" }));
+  }
+  _groupResultsByLayer() {
+    const { featureViewModels: t } = this.viewModel, e = /* @__PURE__ */ new Map();
+    return t.forEach((i) => {
+      const s = i == null ? void 0 : i.graphic;
+      if (!s)
+        return;
+      const n = s.sourceLayer ?? s.layer, r = e.get(n) ?? [];
+      e.set(n, [...r, i]);
+    }), e;
+  }
+  _renderFeatureMenu() {
+    const { featureViewModels: t } = this.viewModel, e = this._groupResultsByLayer();
+    return t.length ? h("calcite-list", { selectionAppearance: "icon", selectionMode: "single" }, Array.from(e.keys()).map((i) => {
+      var s;
+      return h("calcite-list-item-group", { heading: (i == null ? void 0 : i.title) ?? this.messagesCommon.untitled, key: (i == null ? void 0 : i.uid) || "untitled" }, (s = e.get(i)) == null ? void 0 : s.map((n) => this._renderFeatureMenuItem(n)));
+    })) : null;
+  }
+  _renderHeaderAction(t, e) {
+    return t.visible ? h("calcite-action", { active: t.type === "toggle" && t.value, appearance: "solid", bind: this, "data-action-uid": t.uid, disabled: t.disabled, icon: t.icon || "", indicator: t.indicator, key: `header-action-${e}`, loading: t.active, onclick: this._triggerHeaderAction, scale: "m", slot: "header-actions-end", text: t.title || "", title: t.title || "" }) : null;
+  }
+  _renderHeaderActions() {
+    return this.headerActions.map((t, e) => this._renderHeaderAction(t, e)).toArray();
+  }
+  _renderContentFeature() {
+    const { headingLevel: t, visibleElements: e, _isCollapsed: i, _collapseEnabled: s, featureNavigationTop: n } = this, { title: r, active: o } = this.viewModel, d = e.heading && r ? r : "";
+    return h("calcite-flow-item", { afterCreate: this._storeRootFlowItemNode, afterUpdate: this._focusRootFlowItemNode, bind: this, class: this.classes({ [W.contentFeature]: !0, [W.flowItemCollapsed]: i }), closable: e.closeButton, closed: !o, collapsed: i, collapseDirection: n ? "down" : "up", collapsible: s, headingLevel: t, key: "root-flow-item", onCalciteFlowItemClose: this.close, onCalciteFlowItemToggle: this._handleCollapseToggle }, d ? h(Gt, { class: this.classes(W.featuresHeading, F.heading), innerHTML: d, key: "header-content", level: this.headingLevel, slot: "header-content" }) : null, this._renderHeaderActions(), this._renderActionBar(), i ? null : h("div", { class: this.classes(W.container, W.contentContainer) }, this._renderContent()), this._renderFooter());
+  }
+  _renderFeatureMenuContainer() {
+    const { viewModel: t, featureMenuOpen: e, messages: i, messagesCommon: s } = this, { active: n, featureViewModels: r, pendingPromisesCount: o } = t;
+    return e ? h("calcite-flow-item", { afterCreate: this._storeFeatureMenuFlowItemNode, afterUpdate: this._focusFeatureMenuFlowItemNode, bind: this, closable: !1, closed: !n, description: de(i.total, { total: r.length }), heading: i.selectFeature, key: "feature-menu", loading: t.waitingForContents, onCalciteFlowItemBack: (d) => {
+      d.preventDefault(), this._handleFeatureMenuBack();
+    } }, o > 0 ? h("calcite-loader", { class: W.loader, inline: !0, key: "feature-menu-loader", label: s.loading, scale: "m", slot: "header-actions-end" }) : null, h("div", { class: W.container }, this._renderFeatureMenu()), h("div", { afterCreate: this._featureMenuIntersectionObserverCreated, bind: this, class: W.featureMenuObserver }), h("calcite-button", { appearance: "transparent", onclick: this._handleFeatureMenuBack, slot: "footer-actions", width: "full" }, s.back)) : null;
+  }
+  _renderContentContainer() {
+    const t = [this._renderContentFeature(), this._renderFeatureMenuContainer(), this._relatedRecordsWidget.render()];
+    return this.visibleElements.flow ? h("calcite-flow", { key: "content-container" }, t) : t;
+  }
+  _getFallbackIcon(t) {
+    const { className: e, icon: i } = t;
+    if (i)
+      return null;
+    const s = un({ action: t, feature: this.selectedFeature }), n = { [W.icon]: !!e, [W.actionImage]: !!s };
+    return e && (n[e] = !0), s || e ? h("span", { "aria-hidden": "true", class: this.classes(W.icon, n), key: "icon", styles: cn(s) }) : null;
+  }
+  _renderActionBar() {
+    var t;
+    return !this._isCollapsed && this.visibleElements.actionBar && ((t = this.viewModel.allActions) != null && t.length) ? h("calcite-action-bar", { expandDisabled: !0, expanded: !this._hideActionText, key: "header-action-bar", scale: "s", slot: "action-bar" }, h("calcite-action-group", { afterCreate: (e) => this._actionBarMenuNode = e, overlayPositioning: "fixed", scale: "s" }, this._renderActions())) : null;
+  }
+  _renderActions() {
+    return this.viewModel.allActions.toArray().map(this._renderAction);
+  }
+  _renderContent() {
+    var e;
+    const t = (e = this.viewModel) == null ? void 0 : e.content;
+    return t ? typeof t == "string" ? h("div", { class: N.contentNode, innerHTML: t, key: t }) : this.renderNodeContent(t) : null;
+  }
+  _setFocusOn() {
+    this.renderNow(), requestAnimationFrame(() => {
+      this._focusOn = this.featureMenuOpen ? "menu-flow-item" : "root-flow-item";
+    });
+  }
+  _handleCollapseToggle() {
+    this.collapsed = !this.collapsed;
+  }
+  async _openRelatedFeature(t) {
+    await t.viewModel.updateGeometry();
+    const e = t.graphic, i = e == null ? void 0 : e.geometry;
+    if (i == null || e == null)
+      return;
+    this._destroyRelatedRecordsFlowItemWidgets(), await this.viewModel.zoomTo({ target: i });
+    const s = Ot(i);
+    this.open({ features: [e], location: s ?? void 0 });
+  }
+  _focusRootFlowItemNode() {
+    this._focusFlowItemNodeThrottled("root-flow-item");
+  }
+  _focusFeatureMenuFlowItemNode() {
+    this._focusFlowItemNodeThrottled("menu-flow-item");
+  }
+  _storeRootFlowItemNode(t) {
+    this._rootFlowItemNode = t, this._focusFlowItemNodeThrottled("root-flow-item");
+  }
+  _storeFeatureMenuFlowItemNode(t) {
+    this._featureMenuViewportNode = t, this._focusFlowItemNodeThrottled("menu-flow-item");
+  }
+  _setActiveFeature(t) {
+    var s;
+    const { viewModel: e } = this, i = t.currentTarget["data-feature-index"];
+    e.activeFeature = ((s = e.features) == null ? void 0 : s[i]) || null;
+  }
+  _removeActiveFeature() {
+    this.viewModel.activeFeature = null;
+  }
+  _selectFeature(t) {
+    const e = t.currentTarget["data-feature-index"];
+    isNaN(e) || (this.viewModel.selectedFeatureIndex = e), this._handleFeatureMenuBack();
+  }
+  _unobserveFeatureMenuObserver() {
+    this._featureMenuIntersectionObserverNode && this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode);
+  }
+  _featureMenuIntersectionObserverCreated(t) {
+    this._unobserveFeatureMenuObserver(), this._featureMenuIntersectionObserver.observe(t), this._featureMenuIntersectionObserverNode = t;
+  }
+  _getActionIcon(t) {
+    return t.icon ? t.icon : t.image || t.className ? void 0 : "question";
+  }
+  _getActionTitle(t) {
+    const { messages: e, selectedFeature: i, messagesCommon: s } = this, { id: n } = t, r = i == null ? void 0 : i.attributes, o = t.title ?? "", d = n === "zoom-to-feature" ? de(o, { messages: e }) : n === "remove-selected-feature" ? de(o, { messages: s }) : n === "zoom-to-clustered-features" || n === "browse-clustered-features" ? de(o, { messages: e }) : t.title;
+    return d && r ? de(d, r) : d ?? "";
+  }
+  _onMainKeydown(t) {
+    const { key: e } = t;
+    e === "ArrowLeft" && (t.stopPropagation(), this._handleFeatureMenuBack(), this.previous()), e === "ArrowRight" && (t.stopPropagation(), this._handleFeatureMenuBack(), this.next());
+  }
+  _featureMenuViewportScrollTop() {
+    this._featureMenuViewportNode && this._featureMenuViewportNode.scrollContentTo({ top: 0 });
+  }
+  _setContentFromFeatureWidget() {
+    const { selectedFeatureWidget: t } = this;
+    t && (this.viewModel.content = t);
+  }
+  _setTitleFromFeatureWidget() {
+    const { selectedFeatureWidget: t, messagesCommon: e } = this, i = t == null ? void 0 : t.viewModel;
+    t && (this.viewModel.title = (i == null ? void 0 : i.state) === "error" ? e == null ? void 0 : e.errorMessage : (i == null ? void 0 : i.title) || "");
+  }
+  _addSelectedFeatureIndexHandle() {
+    const t = y(() => {
+      var e;
+      return (e = this.viewModel) == null ? void 0 : e.selectedFeatureIndex;
+    }, (e, i) => this._selectedFeatureIndexUpdated(e, i));
+    this.addHandles(t, Pi);
+  }
+  _selectedFeatureIndexUpdated(t, e) {
+    const { featureCount: i } = this.viewModel;
+    i && t !== e && t !== -1 && (this._destroyRelatedRecordsFlowItemWidgets(), this._rootFlowItemNode && this._rootFlowItemNode.scrollContentTo({ top: 0 }));
+  }
+  _triggerHeaderAction(t) {
+    const e = t.currentTarget;
+    if (e.disabled)
+      return;
+    const i = e.dataset.actionUid, s = this.headerActions.find(({ uid: n }) => n === i);
+    s && !s.disabled && ((s == null ? void 0 : s.type) === "toggle" && (s.value = !s.value), this.emit("trigger-header-action", { action: s }));
+  }
+  _triggerAction(t) {
+    const e = t.currentTarget;
+    if (e.disabled)
+      return;
+    const i = e.dataset.actionUid, { allActions: s } = this.viewModel, n = s.findIndex((o) => o.uid === i), r = s.at(n);
+    r && r.type === "toggle" && (r.value = !r.value), this.viewModel.triggerAction(n);
+  }
+  _createSpinner(t) {
+    t && (this._spinner = new Ur({ view: t }), t.ui.add(this._spinner, { key: Oi, position: "manual", internal: !0 }));
+  }
+  _wireUpView(t) {
+    var e;
+    this._destroySpinner(), t && ((e = this.visibleElements) != null && e.spinner) && this._createSpinner(t);
+  }
+  _hideSpinner() {
+    const { _spinner: t } = this;
+    t && (t.location = null, t.hide());
+  }
+  _viewReadyChange(t, e) {
+    var i;
+    t ? this._wireUpView((i = this.viewModel) == null ? void 0 : i.view) : e && this.viewModel.clear();
+  }
+  _viewChange(t, e) {
+    t && e && this.viewModel.clear();
+  }
+  _destroySelectedFeatureWidget() {
+    const { _feature: t } = this;
+    t && (t.viewModel = null, !t.destroyed && t.destroy()), this._feature = null;
+  }
+  _closeOpenActionMenu() {
+    const { _actionBarMenuNode: t } = this;
+    t && (t.menuOpen = !1);
+  }
+  _destroyRelatedRecordsFlowItemWidgets() {
+    this._relatedRecordsFlowItems.removeAll().forEach((t) => {
+      "showAllEnabled" in t.viewModel && (t.viewModel.showAllEnabled = !1), t.viewModel = null, t.destroy();
+    });
+  }
+  _toggleScreenLocationEnabled() {
+    const { viewModel: t } = this;
+    t && (t.screenLocationEnabled = t.active);
+  }
+  _displaySpinner() {
+    const { _spinner: t } = this;
+    if (!t)
+      return;
+    const { location: e, waitingForResult: i } = this.viewModel;
+    i && e ? t.show({ location: e }) : t.hide();
+  }
+  _destroySpinner() {
+    var i;
+    const { _spinner: t, view: e } = this;
+    t && ((i = e == null ? void 0 : e.ui) == null || i.remove(t, Oi), t.destroy(), this._spinner = null);
+  }
+  _spinnerEnabledChange(t) {
+    var e;
+    this._destroySpinner(), t && this._createSpinner((e = this.viewModel) == null ? void 0 : e.view);
+  }
+};
+a([l()], x.prototype, "_focusOn", void 0), a([l()], x.prototype, "_relatedRecordsFlowItems", void 0), a([l()], x.prototype, "_hideActionText", null), a([l()], x.prototype, "_featureNavigationVisible", null), a([l()], x.prototype, "_isCollapsed", null), a([l()], x.prototype, "_collapseEnabled", null), a([l()], x.prototype, "collapsed", void 0), a([l()], x.prototype, "content", null), a([l()], x.prototype, "icon", void 0), a([l()], x.prototype, "featureMenuOpen", null), a([l()], x.prototype, "featureNavigationTop", void 0), a([l()], x.prototype, "features", null), a([l({ type: $e })], x.prototype, "headerActions", void 0), a([l()], x.prototype, "headingLevel", void 0), a([l()], x.prototype, "location", null), a([l()], x.prototype, "label", null), a([l(), ee("esri/widgets/Features/t9n/Features")], x.prototype, "messages", void 0), a([l(), ee("esri/t9n/common")], x.prototype, "messagesCommon", void 0), a([l()], x.prototype, "promises", null), a([l()], x.prototype, "responsiveActionsEnabled", void 0), a([l({ readOnly: !0 })], x.prototype, "selectedFeature", null), a([l()], x.prototype, "selectedFeatureIndex", null), a([l({ readOnly: !0 })], x.prototype, "selectedFeatureWidget", null), a([l()], x.prototype, "title", null), a([l()], x.prototype, "updateLocationEnabled", null), a([l()], x.prototype, "view", null), a([l({ type: ei }), ss(["triggerAction", "trigger-action"])], x.prototype, "viewModel", void 0), a([l({ type: ms, nonNullable: !0 })], x.prototype, "visibleElements", void 0), a([l()], x.prototype, "visible", null), x = a([O("esri.widgets.Features")], x);
+const co = x, se = "esri-popup", _e = `${se}--is-docked`, V = { base: se, main: `${se}__main-container`, shadow: `${se}--shadow`, isDocked: _e, isDockedTopLeft: `${_e}-top-left`, isDockedTopCenter: `${_e}-top-center`, isDockedTopRight: `${_e}-top-right`, isDockedBottomLeft: `${_e}-bottom-left`, isDockedBottomCenter: `${_e}-bottom-center`, isDockedBottomRight: `${_e}-bottom-right`, alignTopCenter: `${se}--aligned-top-center`, alignBottomCenter: `${se}--aligned-bottom-center`, alignTopLeft: `${se}--aligned-top-left`, alignBottomLeft: `${se}--aligned-bottom-left`, alignTopRight: `${se}--aligned-top-right`, alignBottomRight: `${se}--aligned-bottom-right`, pointer: `${se}__pointer`, pointerDirection: `${se}__pointer-direction` };
+let Bt = class extends ei {
+  constructor(t) {
+    super(t);
+  }
+};
+Bt = a([O("esri.widgets.Popup.PopupViewModel")], Bt);
+const fs = Bt;
+let he = class extends me {
+  constructor() {
+    super(...arguments), this.actionBar = !0, this.closeButton = !0, this.collapseButton = !0, this.featureNavigation = !0, this.heading = !0, this.spinner = !0;
+  }
+};
+a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "actionBar", void 0), a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "closeButton", void 0), a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "collapseButton", void 0), a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "featureNavigation", void 0), a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "heading", void 0), a([l({ type: Boolean, nonNullable: !0 })], he.prototype, "spinner", void 0), he = a([O("esri.widgets.Features.PopupVisibleElements")], he);
+const Dt = he, Ni = { buttonEnabled: !0, position: "auto", breakpoint: { width: 544 } };
+let $ = class extends te {
+  constructor(t, e) {
+    super(t, e), this._dockAction = new Ge({ id: "popup-dock-action" }), this._featuresWidget = new co({ responsiveActionsEnabled: !0 }), this._containerNode = null, this._mainContainerNode = null, this._pointerOffsetInPx = 16, this.alignment = "auto", this.collapsed = !1, this.dockEnabled = !1, this.headingLevel = 2, this.messages = null, this.viewModel = new fs(), this.visibleElements = new Dt();
+  }
+  initialize() {
+    this.addHandles([y(() => {
+      var t, e;
+      return [(e = (t = this.viewModel) == null ? void 0 : t.view) == null ? void 0 : e.widthBreakpoint, this.dockEnabled];
+    }, () => this._handleDockIcon(), R), y(() => {
+      var t, e;
+      return [this.dockEnabled, (t = this.messages) == null ? void 0 : t.undock, (e = this.messages) == null ? void 0 : e.dock];
+    }, () => this._handleDockEnabled(), R), y(() => this.dockOptions, (t) => {
+      const { _dockAction: e } = this, i = this._featuresWidget.headerActions;
+      i.remove(e), t.buttonEnabled && i.add(e);
+    }, R), y(() => {
+      var t;
+      return (t = this.viewModel) == null ? void 0 : t.screenLocation;
+    }, () => this._positionContainer()), y(() => {
+      var t;
+      return [(t = this.viewModel) == null ? void 0 : t.active, this.dockEnabled];
+    }, () => this._toggleScreenLocationEnabled()), y(() => {
+      var t, e, i, s, n, r, o;
+      return [(t = this.viewModel) == null ? void 0 : t.screenLocation, (i = (e = this.viewModel) == null ? void 0 : e.view) == null ? void 0 : i.padding, (n = (s = this.viewModel) == null ? void 0 : s.view) == null ? void 0 : n.size, (r = this.viewModel) == null ? void 0 : r.active, (o = this.viewModel) == null ? void 0 : o.location, this.alignment];
+    }, () => this.reposition()), y(() => {
+      var t, e;
+      return (e = (t = this.viewModel) == null ? void 0 : t.view) == null ? void 0 : e.size;
+    }, (t, e) => this._updateDockEnabledForViewSize(t, e)), y(() => {
+      var t;
+      return (t = this.viewModel) == null ? void 0 : t.view;
+    }, (t, e) => this._viewChange(t, e)), y(() => {
+      var t, e;
+      return (e = (t = this.viewModel) == null ? void 0 : t.view) == null ? void 0 : e.ready;
+    }, (t, e) => this._viewReadyChange(t ?? !1, e ?? !1)), y(() => this.viewModel, () => this._featuresWidget.viewModel = this.viewModel, R), y(() => this._featureNavigationTop, (t) => this._featuresWidget.featureNavigationTop = t, R), y(() => this.headingLevel, (t) => this._featuresWidget.headingLevel = t, R), y(() => this.collapsed, (t) => this._featuresWidget.collapsed = t, R), y(() => this.visibleElements.actionBar, (t) => this._featuresWidget.visibleElements.actionBar = !!t, R), y(() => this.visibleElements.closeButton, (t) => this._featuresWidget.visibleElements.closeButton = !!t, R), y(() => this.visibleElements.collapseButton, (t) => this._featuresWidget.visibleElements.collapseButton = !!t, R), y(() => this.visibleElements.heading, (t) => this._featuresWidget.visibleElements.heading = !!t, R), y(() => this.visibleElements.spinner, (t) => this._featuresWidget.visibleElements.spinner = !!t, R), y(() => this.visibleElements.featureNavigation, (t) => this._featuresWidget.visibleElements.featureNavigation = !!t, R), Ee(() => this._featuresWidget, "trigger-header-action", (t) => {
+      t.action === this._dockAction && (this.dockEnabled = !this.dockEnabled);
+    })]);
+  }
+  normalizeCtorArgs(t) {
+    const e = { ...t };
+    return (t == null ? void 0 : t.visibleElements) != null && (e.visibleElements = new Dt(t.visibleElements), t.collapseEnabled != null && (e.visibleElements.collapseButton = t.collapseEnabled), t.spinnerEnabled != null && (e.visibleElements.spinner = t.spinnerEnabled)), e;
+  }
+  destroy() {
+    var t;
+    this._dockAction.destroy(), (t = this._featuresWidget) == null || t.destroy();
+  }
+  get _featureNavigationTop() {
+    const { currentAlignment: t, currentDockPosition: e } = this;
+    return t === "bottom-left" || t === "bottom-center" || t === "bottom-right" || e === "top-left" || e === "top-center" || e === "top-right";
+  }
+  get actions() {
+    return this.viewModel.actions;
+  }
+  set actions(t) {
+    this.viewModel.actions = t;
+  }
+  get autoCloseEnabled() {
+    return this.viewModel.autoCloseEnabled;
+  }
+  set autoCloseEnabled(t) {
+    this.viewModel.autoCloseEnabled = t;
+  }
+  get autoOpenEnabled() {
+    return Le(q.getLogger(this), "autoOpenEnabled", { replacement: "MapView/SceneView.popupEnabled", version: "4.27" }), this.viewModel.autoOpenEnabled;
+  }
+  set autoOpenEnabled(t) {
+    Le(q.getLogger(this), "autoOpenEnabled", { replacement: "MapView/SceneView.popupEnabled", version: "4.27" }), this.viewModel.autoOpenEnabled = t;
+  }
+  get defaultPopupTemplateEnabled() {
+    return this.viewModel.defaultPopupTemplateEnabled;
+  }
+  set defaultPopupTemplateEnabled(t) {
+    this.viewModel.defaultPopupTemplateEnabled = t;
+  }
+  get content() {
+    return this.viewModel.content;
+  }
+  set content(t) {
+    this.viewModel.content = t;
+  }
+  get collapseEnabled() {
+    return Le(q.getLogger(this), "collapseEnabled", { replacement: "PopupVisibleElements.collapseButton", version: "4.29" }), this.visibleElements.collapseButton;
+  }
+  set collapseEnabled(t) {
+    Le(q.getLogger(this), "collapseEnabled", { replacement: "PopupVisibleElements.collapseButton", version: "4.29" }), this.visibleElements.collapseButton = t;
+  }
+  get currentAlignment() {
+    return this._getCurrentAlignment();
+  }
+  get currentDockPosition() {
+    return this._getCurrentDockPosition();
+  }
+  get dockOptions() {
+    return this._get("dockOptions") || Ni;
+  }
+  set dockOptions(t) {
+    var d, c;
+    const e = { ...Ni }, i = (c = (d = this.viewModel) == null ? void 0 : d.view) == null ? void 0 : c.breakpoints, s = {};
+    i && (s.width = i.xsmall, s.height = i.xsmall);
+    const n = { ...e, ...t }, r = { ...e.breakpoint, ...s }, { breakpoint: o } = n;
+    typeof o == "object" ? n.breakpoint = { ...r, ...o } : o && (n.breakpoint = r), this._set("dockOptions", n), this._setCurrentDockPosition(), this.reposition();
+  }
+  get featureCount() {
+    return this.viewModel.featureCount;
+  }
+  get featureMenuOpen() {
+    return this.viewModel.featureMenuOpen;
+  }
+  set featureMenuOpen(t) {
+    this.viewModel.featureMenuOpen = t;
+  }
+  get features() {
+    return this.viewModel.features;
+  }
+  set features(t) {
+    this.viewModel.features = t;
+  }
+  get goToOverride() {
+    return this.viewModel.goToOverride;
+  }
+  set goToOverride(t) {
+    this.viewModel.goToOverride = t;
+  }
+  get highlightEnabled() {
+    return this.viewModel.highlightEnabled;
+  }
+  set highlightEnabled(t) {
+    this.viewModel.highlightEnabled = t;
+  }
+  get location() {
+    return this.viewModel.location;
+  }
+  set location(t) {
+    this.viewModel.location = t;
+  }
+  get label() {
+    var t;
+    return ((t = this.messages) == null ? void 0 : t.widgetLabel) ?? "";
+  }
+  set label(t) {
+    this._overrideIfSome("label", t);
+  }
+  get promises() {
+    return this.viewModel.promises;
+  }
+  set promises(t) {
+    this.viewModel.promises = t;
+  }
+  get selectedFeature() {
+    return this.viewModel.selectedFeature;
+  }
+  get selectedFeatureIndex() {
+    return this.viewModel.selectedFeatureIndex;
+  }
+  set selectedFeatureIndex(t) {
+    this.viewModel.selectedFeatureIndex = t;
+  }
+  get selectedFeatureWidget() {
+    return this._featuresWidget.selectedFeatureWidget;
+  }
+  get spinnerEnabled() {
+    return Le(q.getLogger(this), "spinnerEnabled", { replacement: "PopupVisibleElements.spinner", version: "4.29" }), this.visibleElements.spinner;
+  }
+  set spinnerEnabled(t) {
+    Le(q.getLogger(this), "spinnerEnabled", { replacement: "PopupVisibleElements.spinner", version: "4.29" }), this.visibleElements.spinner = t;
+  }
+  get title() {
+    return this.viewModel.title;
+  }
+  set title(t) {
+    this.viewModel.title = t;
+  }
+  get updateLocationEnabled() {
+    return this.viewModel.updateLocationEnabled;
+  }
+  set updateLocationEnabled(t) {
+    this.viewModel.updateLocationEnabled = t;
+  }
+  get view() {
+    return this.viewModel.view;
+  }
+  set view(t) {
+    this.viewModel.view = t;
+  }
+  get visible() {
+    return this.viewModel.visible;
+  }
+  set visible(t) {
+    this.viewModel.visible = t;
+  }
+  blur() {
+    const { active: t } = this.viewModel;
+    t || q.getLogger(this).warn("Popup can only be blurred when currently active."), this._featuresWidget.blur();
+  }
+  clear() {
+    return this.viewModel.clear();
+  }
+  close() {
+    this.visible = !1;
+  }
+  fetchFeatures(t, e) {
+    return this.viewModel.fetchFeatures(t, e);
+  }
+  focus() {
+    const { active: t } = this.viewModel;
+    t || q.getLogger(this).warn("Popup can only be focused when currently active."), this.reposition(), requestAnimationFrame(() => {
+      this._featuresWidget.focus();
+    });
+  }
+  next() {
+    return this.viewModel.next();
+  }
+  open(t) {
+    const e = !!t && !!t.featureMenuOpen, i = { collapsed: !!t && !!t.collapsed, featureMenuOpen: e };
+    this.set(i), this.viewModel.open(t), this._shouldFocus(t);
+  }
+  previous() {
+    return this.viewModel.previous();
+  }
+  reposition() {
+    this.renderNow(), this._positionContainer(), this._setCurrentAlignment();
+  }
+  triggerAction(t) {
+    return this.viewModel.triggerAction(t);
+  }
+  render() {
+    var u, p, m, f;
+    const { dockEnabled: t, currentAlignment: e, currentDockPosition: i } = this, { active: s } = this.viewModel, n = s && t, r = s && !t, o = (p = (u = this.selectedFeature) == null ? void 0 : u.layer) == null ? void 0 : p.title, d = (f = (m = this.selectedFeature) == null ? void 0 : m.layer) == null ? void 0 : f.id, c = { [V.alignTopCenter]: e === "top-center", [V.alignBottomCenter]: e === "bottom-center", [V.alignTopLeft]: e === "top-left", [V.alignBottomLeft]: e === "bottom-left", [V.alignTopRight]: e === "top-right", [V.alignBottomRight]: e === "bottom-right", [V.isDocked]: n, [V.shadow]: r, [V.isDockedTopLeft]: i === "top-left", [V.isDockedTopCenter]: i === "top-center", [V.isDockedTopRight]: i === "top-right", [V.isDockedBottomLeft]: i === "bottom-left", [V.isDockedBottomCenter]: i === "bottom-center", [V.isDockedBottomRight]: i === "bottom-right" };
+    return h("div", { afterCreate: this._positionContainer, afterUpdate: this._positionContainer, bind: this, class: this.classes(V.base, c), "data-layer-id": d, "data-layer-title": o, role: "presentation" }, s ? [this._renderMainContainer(), this._renderPointer()] : null);
+  }
+  _renderPointer() {
+    return this.dockEnabled ? null : h("div", { class: V.pointer, key: "popup-pointer", role: "presentation" }, h("div", { class: this.classes(V.pointerDirection, V.shadow) }));
+  }
+  _renderMainContainer() {
+    const { dockEnabled: t } = this, e = { [V.shadow]: t };
+    return h("div", { afterCreate: this._setMainContainerNode, afterUpdate: this._setMainContainerNode, bind: this, class: this.classes(V.main, F.widget, e) }, this._featuresWidget.render());
+  }
+  async _shouldFocus(t) {
+    t != null && t.shouldFocus && (await en(() => {
+      var e;
+      return ((e = this.viewModel) == null ? void 0 : e.active) === !0;
+    }), this.focus());
+  }
+  _isOutsideView(t) {
+    const { popupHeight: e, popupWidth: i, screenLocation: s, side: n, view: r } = t;
+    if (isNaN(i) || isNaN(e) || !r || !s)
+      return !1;
+    const o = r.padding;
+    return n === "right" && s.x + i / 2 > r.width - o.right || n === "left" && s.x - i / 2 < o.left || n === "top" && s.y - e < o.top || n === "bottom" && s.y + e > r.height - o.bottom;
+  }
+  _calculateAutoAlignment(t) {
+    if (t !== "auto")
+      return t;
+    const { _pointerOffsetInPx: e, _containerNode: i, _mainContainerNode: s, viewModel: n } = this, { screenLocation: r, view: o } = n;
+    if (r == null || !o || !i)
+      return "top-center";
+    function d(k) {
+      return parseInt(k.replaceAll(/[^-\d\.]/g, ""), 10);
+    }
+    const c = s ? window.getComputedStyle(s, null) : null, u = c ? d(c.getPropertyValue("max-height")) : 0, p = c ? d(c.getPropertyValue("height")) : 0, { height: m, width: f } = i.getBoundingClientRect(), g = f + e, v = Math.max(m, u, p) + e, _ = this._isOutsideView({ popupHeight: v, popupWidth: g, screenLocation: r, side: "right", view: o }), I = this._isOutsideView({ popupHeight: v, popupWidth: g, screenLocation: r, side: "left", view: o }), w = this._isOutsideView({ popupHeight: v, popupWidth: g, screenLocation: r, side: "top", view: o }), A = this._isOutsideView({ popupHeight: v, popupWidth: g, screenLocation: r, side: "bottom", view: o });
+    return I ? w ? "bottom-right" : "top-right" : _ ? w ? "bottom-left" : "top-left" : w ? A ? "top-center" : "bottom-center" : "top-center";
+  }
+  _callCurrentAlignment(t) {
+    return typeof t == "function" ? t.call(this) : t;
+  }
+  _getCurrentAlignment() {
+    const { alignment: t, dockEnabled: e } = this;
+    return e || !this.viewModel.active ? null : this._calculatePositionResult(this._calculateAutoAlignment(this._callCurrentAlignment(t)));
+  }
+  _setCurrentAlignment() {
+    this._set("currentAlignment", this._getCurrentAlignment());
+  }
+  _setCurrentDockPosition() {
+    this._set("currentDockPosition", this._getCurrentDockPosition());
+  }
+  _calculatePositionResult(t) {
+    const e = ["left", "right"];
+    return xe(this.container) && e.reverse(), t == null ? void 0 : t.replace(/leading/gi, e[0]).replaceAll(/trailing/gi, e[1]);
+  }
+  _callDockPosition(t) {
+    return typeof t == "function" ? t.call(this) : t;
+  }
+  _getDockPosition() {
+    var t;
+    return this._calculatePositionResult(this._calculateAutoDockPosition(this._callDockPosition((t = this.dockOptions) == null ? void 0 : t.position)));
+  }
+  _getCurrentDockPosition() {
+    return this.dockEnabled && this.viewModel.active ? this._getDockPosition() : null;
+  }
+  _calculateAutoDockPosition(t) {
+    var o;
+    if (t !== "auto")
+      return t;
+    const e = (o = this.viewModel) == null ? void 0 : o.view, i = xe(this.container) ? "top-left" : "top-right";
+    if (!e)
+      return i;
+    const s = e.padding || { left: 0, right: 0, top: 0, bottom: 0 }, n = e.width - s.left - s.right, { breakpoints: r } = e;
+    return r && n <= r.xsmall ? "bottom-center" : i;
+  }
+  _getDockIcon() {
+    const t = this._getDockPosition();
+    if (this.dockEnabled)
+      return "minimize";
+    switch (t) {
+      case "top-left":
+      case "bottom-left":
+        return "dock-left";
+      case "top-center":
+        return "maximize";
+      case "bottom-center":
+        return "dock-bottom";
+      default:
+        return "dock-right";
+    }
+  }
+  _handleDockIcon() {
+    this._dockAction.icon = this._getDockIcon();
+  }
+  _handleDockEnabled() {
+    var t, e;
+    this._dockAction.title = this.dockEnabled ? (t = this.messages) == null ? void 0 : t.undock : (e = this.messages) == null ? void 0 : e.dock;
+  }
+  _setMainContainerNode(t) {
+    this._mainContainerNode = t;
+  }
+  _positionContainer(t = this._containerNode) {
+    if (t && (this._containerNode = t), !this._containerNode)
+      return;
+    const { screenLocation: e } = this.viewModel, { width: i } = this._containerNode.getBoundingClientRect(), s = this._calculatePositionStyle(e, i);
+    s && Object.assign(this._containerNode.style, s);
+  }
+  _calculateFullWidth(t) {
+    const { currentAlignment: e, _pointerOffsetInPx: i } = this;
+    return e === "top-left" || e === "bottom-left" || e === "top-right" || e === "bottom-right" ? t + i : t;
+  }
+  _calculateAlignmentPosition(t, e, i, s) {
+    const { currentAlignment: n, _pointerOffsetInPx: r } = this;
+    if (!i)
+      return;
+    const { padding: o } = i, d = s / 2, c = i.height - e, u = i.width - t;
+    return n === "bottom-center" ? { top: e + r - o.top, left: t - d - o.left } : n === "top-left" ? { bottom: c + r - o.bottom, right: u + r - o.right } : n === "bottom-left" ? { top: e + r - o.top, right: u + r - o.right } : n === "top-right" ? { bottom: c + r - o.bottom, left: t + r - o.left } : n === "bottom-right" ? { top: e + r - o.top, left: t + r - o.left } : n === "top-center" ? { bottom: c + r - o.bottom, left: t - d - o.left } : void 0;
+  }
+  _calculatePositionStyle(t, e) {
+    const { dockEnabled: i, view: s } = this;
+    if (!s)
+      return;
+    if (i)
+      return { left: "", top: "", right: "", bottom: "" };
+    if (t == null || !e)
+      return;
+    const n = this._calculateFullWidth(e), r = this._calculateAlignmentPosition(t.x, t.y, s, n);
+    return r ? { top: r.top !== void 0 ? `${r.top}px` : "auto", left: r.left !== void 0 ? `${r.left}px` : "auto", bottom: r.bottom !== void 0 ? `${r.bottom}px` : "auto", right: r.right !== void 0 ? `${r.right}px` : "auto" } : void 0;
+  }
+  _viewChange(t, e) {
+    t && e && (this.close(), this.clear());
+  }
+  _viewReadyChange(t, e) {
+    t ? this._wireUpView() : e && (this.close(), this.clear());
+  }
+  _wireUpView() {
+    this._setDockEnabledForViewSize(this.dockOptions);
+  }
+  _dockingThresholdCrossed(t, e, i) {
+    const [s, n] = t, [r, o] = e, { width: d = 0, height: c = 0 } = i ?? {};
+    return s <= d && r > d || s > d && r <= d || n <= c && o > c || n > c && o <= c;
+  }
+  _updateDockEnabledForViewSize(t, e) {
+    var u, p;
+    if (!t || !e)
+      return;
+    const i = ((p = (u = this.viewModel) == null ? void 0 : u.view) == null ? void 0 : p.padding) || { left: 0, right: 0, top: 0, bottom: 0 }, s = i.left + i.right, n = i.top + i.bottom, r = [], o = [];
+    r[0] = t[0] - s, r[1] = t[1] - n, o[0] = e[0] - s, o[1] = e[1] - n;
+    const { dockOptions: d } = this, c = d.breakpoint;
+    this._dockingThresholdCrossed(r, o, c) && this._setDockEnabledForViewSize(d), this._setCurrentDockPosition();
+  }
+  _toggleScreenLocationEnabled() {
+    const { dockEnabled: t, viewModel: e } = this;
+    if (!e)
+      return;
+    const i = e.active && !t;
+    e.screenLocationEnabled = i;
+  }
+  _shouldDockAtCurrentViewSize(t) {
+    var d, c;
+    const e = t.breakpoint, i = (c = (d = this.viewModel) == null ? void 0 : d.view) == null ? void 0 : c.ui;
+    if (!i)
+      return !1;
+    const { width: s, height: n } = i;
+    if (isNaN(s) || isNaN(n) || !e)
+      return !1;
+    const r = e.hasOwnProperty("width") && s <= (e.width ?? 0), o = e.hasOwnProperty("height") && n <= (e.height ?? 0);
+    return r || o;
+  }
+  _setDockEnabledForViewSize(t) {
+    t.breakpoint && (this.dockEnabled = this._shouldDockAtCurrentViewSize(t));
+  }
+};
+a([l({ readOnly: !0 })], $.prototype, "_featureNavigationTop", null), a([l()], $.prototype, "actions", null), a([l()], $.prototype, "alignment", void 0), a([l()], $.prototype, "autoCloseEnabled", null), a([l()], $.prototype, "autoOpenEnabled", null), a([l()], $.prototype, "defaultPopupTemplateEnabled", null), a([l()], $.prototype, "content", null), a([l()], $.prototype, "collapsed", void 0), a([l()], $.prototype, "collapseEnabled", null), a([l({ readOnly: !0 })], $.prototype, "currentAlignment", null), a([l({ readOnly: !0 })], $.prototype, "currentDockPosition", null), a([l()], $.prototype, "dockOptions", null), a([l()], $.prototype, "dockEnabled", void 0), a([l({ readOnly: !0 })], $.prototype, "featureCount", null), a([l()], $.prototype, "featureMenuOpen", null), a([l()], $.prototype, "features", null), a([l()], $.prototype, "goToOverride", null), a([l()], $.prototype, "headingLevel", void 0), a([l()], $.prototype, "highlightEnabled", null), a([l()], $.prototype, "location", null), a([l()], $.prototype, "label", null), a([l(), ee("esri/widgets/Popup/t9n/Popup")], $.prototype, "messages", void 0), a([l()], $.prototype, "promises", null), a([l({ readOnly: !0 })], $.prototype, "selectedFeature", null), a([l()], $.prototype, "selectedFeatureIndex", null), a([l({ readOnly: !0 })], $.prototype, "selectedFeatureWidget", null), a([l()], $.prototype, "spinnerEnabled", null), a([l()], $.prototype, "title", null), a([l()], $.prototype, "updateLocationEnabled", null), a([l()], $.prototype, "view", null), a([l({ type: fs }), ss(["triggerAction", "trigger-action"])], $.prototype, "viewModel", void 0), a([l()], $.prototype, "visible", null), a([l({ type: Dt, nonNullable: !0 })], $.prototype, "visibleElements", void 0), $ = a([O("esri.widgets.Popup")], $);
+const hl = $;
+export {
+  hl as default
+};