@agrotools1/at-components 0.3.6 → 0.3.7

package/dist/Popup-8f89a4b0.js

@@ -1,3990 +0,0 @@
-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-4ead5b97.js";
-import { s as de } from "./substitute-011c53db.js";
-import { O as tn } from "./unitFormatUtils-b34af073.js";
-import { a as sn } from "./AttachmentInfo-3b5fda52.js";
-import { c as ai } from "./AttachmentQuery-14f4ec29.js";
-import { Z as nn, N as Wt } from "./utils-2aa1ef8c.js";
-import "./ColorStop-6fd09765.js";
-import { h as Re, N as rn, g as vt, R as on, D as an } from "./utils-8b01c610.js";
-import { l as ln } from "./jsonUtils-fbd6d2d1.js";
-import { s as _t } from "./executeQueryJSON-61328699.js";
-import "./pbf-e5c31775.js";
-import "./FeatureSet-a2d35655.js";
-import Pt from "./RelationshipQuery-292ab835.js";
-import "./TopFeaturesQuery-92ff83cb.js";
-import dn from "./FeatureLayer-f1a17cbb.js";
-import "./colorUtils-b3dcdea1.js";
-import "./styleUtils-b62393b9.js";
-import { n as li } from "./layerViewUtils-052e603c.js";
-import "vue";
-import "./ByteSizeUnit-90df2840.js";
-import "./quantityUtils-de778fce.js";
-import "./parser-bab9c2ce.js";
-import "./utils-b1ab6c91.js";
-import "./LRUCache-7a6c25d0.js";
-import "./MemCache-cfd09d4d.js";
-import "./UniqueValueRenderer-cc2c9298.js";
-import "./diffUtils-f967bb01.js";
-import "./colorRamps-fedcdeb0.js";
-import "./sizeVariableUtils-a1b694d8.js";
-import "./visualVariableUtils-88773652.js";
-import "./lengthUtils-21f99608.js";
-import "./jsonUtils-0c0893e4.js";
-import "./Version-df01af53.js";
-import "./FieldsIndex-cddb2b35.js";
-import "./UnknownTimeZone-6d259a58.js";
-import "./OverrideHelper-212a5126.js";
-import "./quantizationUtils-2be4bff3.js";
-import "./heatmapUtils-ae60011e.js";
-import "./vec42-689e76ac.js";
-import "./vec4f64-043e974c.js";
-import "./query-fcb1a91d.js";
-import "./pbfQueryUtils-0b522562.js";
-import "./OptimizedGeometry-3b808152.js";
-import "./OptimizedFeatureSet-54e095c4.js";
-import "./queryZScale-201978da.js";
-import "./MultiOriginJSONSupport-66a73b5d.js";
-import "./commonProperties-c36fc1b2.js";
-import "./ElevationInfo-c194d5f5.js";
-import "./unitConversionUtils-c6c847c9.js";
-import "./FormTemplate-8281e66a.js";
-import "./editsZScale-adebaa6e.js";
-import "./APIKeyMixin-ee07543b.js";
-import "./ArcGISService-16ef592c.js";
-import "./BlendLayer-f24275a8.js";
-import "./jsonUtils-2a454e30.js";
-import "./CustomParametersMixin-949de3be.js";
-import "./EditBusLayer-b3dc1330.js";
-import "./FeatureEffectLayer-bdca70b7.js";
-import "./FeatureEffect-c51c2425.js";
-import "./FeatureFilter-9a11227d.js";
-import "./FeatureLayerBase-85c25451.js";
-import "./featureLayerUtils-f9a404fc.js";
-import "./LayerFloorInfo-43dec126.js";
-import "./serviceCapabilitiesUtils-98603a14.js";
-import "./FeatureReductionLayer-949cfff9.js";
-import "./FeatureReductionSelection-2b7de4bb.js";
-import "./LabelClass-fd78b96b.js";
-import "./labelUtils-31fc2428.js";
-import "./defaults-9d551b4c.js";
-import "./defaultsJSON-ba17aa15.js";
-import "./MD5-1b5ec1c3.js";
-import "./OperationalLayer-2e935984.js";
-import "./OrderedLayer-63abe7dc.js";
-import "./OrderByInfo-b7d114ac.js";
-import "./PortalLayer-15420854.js";
-import "./portalItemUtils-9fe0753b.js";
-import "./RefreshableLayer-f99ea584.js";
-import "./ScaleRangeLayer-6b36cfd2.js";
-import "./TemporalLayer-52d34fa2.js";
-import "./TimeInfo-8ce5e779.js";
-import "./FeatureTemplate-33f1511c.js";
-import "./FeatureType-03d8bfc6.js";
-import "./fieldProperties-917b162f.js";
-import "./labelingInfo-419c11be.js";
-import "./versionUtils-d824fad7.js";
-import "./styleUtils-a42848e6.js";
-import "./popupUtils-3e3652c3.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-51a0aaf4.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-88773652.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-88773652.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-bc078bfd.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-51a0aaf4.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-12c51a22.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-12c51a22.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-12c51a22.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-12c51a22.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-12c51a22.js"), { PieChartAm5: n, PieSeriesAm5: r } = await import("./pieChart-a7decaf1.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-12c51a22.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, ColumnSeriesAm5: p } = await import("./xyChart-a2e4acb8.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-12c51a22.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, ColumnSeriesAm5: p } = await import("./xyChart-a2e4acb8.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-12c51a22.js"), { CategoryAxisAm5: o, AxisRendererXAm5: d, ValueAxisAm5: c, AxisRendererYAm5: u, LineSeriesAm5: p } = await import("./xyChart-a2e4acb8.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-a2e4acb8.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-4936d297.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-51a0aaf4.js"), list: () => import("./calcite-list-32132747.js"), "list-item": () => import("./calcite-list-item-1a0ebafe.js"), notice: () => import("./calcite-notice-3c41230b.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-3c41230b.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-6b65bde9.js"), "flow-item": () => import("./calcite-flow-item-2ea7fbc3.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-88773652.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-b05170d5.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-6b65bde9.js"), "action-bar": () => import("./calcite-action-bar-602b20a2.js"), "action-group": () => import("./calcite-action-group-f80af24c.js"), button: () => import("./calcite-button-38c49d10.js"), flow: () => import("./calcite-flow-043c21dc.js"), "flow-item": () => import("./calcite-flow-item-2ea7fbc3.js"), list: () => import("./calcite-list-32132747.js"), "list-item": () => import("./calcite-list-item-1a0ebafe.js"), "list-item-group": () => import("./calcite-list-item-group-2a10423e.js"), loader: () => import("./calcite-loader-805f803d.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
-};