@arcgis/portal-components 5.2.0-next.91 → 5.2.0-next.94

package/dist/components/arcgis-portal-navigation/customElement.js

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as ee, c as $t } from "../../chunks/runtime.js";
-import { safeStyleMap as xe, safeClassMap as te, LitElement as At, createEvent as H } from "@arcgis/lumina";
-import { u as kt } from "../../chunks/useT9n.js";
-import { nothing as L, html as l, svg as xt, css as St } from "lit";
-import { formatDate as It, substitute as K, getLocale as Pt } from "@arcgis/core/intl.js";
-import { g as oe, b as Se } from "../../chunks/url.js";
+import { g as te, c as $t } from "../../chunks/runtime.js";
+import { safeStyleMap as xe, safeClassMap as ie, LitElement as kt, createEvent as H } from "@arcgis/lumina";
+import { u as At } from "../../chunks/useT9n.js";
+import { nothing as L, html as c, svg as xt, css as St } from "lit";
+import { formatDate as It, substitute as Q, getLocale as Pt } from "@arcgis/core/intl.js";
+import { g as se, b as Se } from "../../chunks/url.js";
 import { a as B } from "../../chunks/requests.js";
 import { repeat as U } from "lit/directives/repeat.js";
 import { m as Nt } from "../../chunks/icons.js";
@@ -14,8 +14,8 @@ import { c as jt, d as Dt, e as zt } from "../../chunks/user.js";
 import { i as Ie, a as Gt } from "../../chunks/utils2.js";
 import { g as Ut } from "../../chunks/request.js";
 import { g as Pe } from "../../chunks/item.js";
-import { keyed as se } from "lit/directives/keyed.js";
-import { e as ae, n as Bt, a as ce, f as q, g as Rt } from "../../chunks/portal.js";
+import { keyed as ae } from "lit/directives/keyed.js";
+import { e as ce, n as Bt, a as le, f as q, g as Rt } from "../../chunks/portal.js";
 import { ref as W, createRef as F } from "lit/directives/ref.js";
 import { c as Ft, g as Wt } from "../../chunks/dom.js";
 import { debounce as fe } from "@arcgis/toolkit/function";
@@ -24,15 +24,15 @@ import { t as Ht } from "../../chunks/functionalities.js";
 import { c as qt } from "../../chunks/string.js";
 function ge({ portal: e, productInfo: t }) {
   const { name: i, glyph: n } = t || {};
-  return l`<img alt class="logo__glyph" src=${n ?? L}><span class="logo__text"><span class="logo__title">${i}</span>${e?.name && l`<span class="logo__subtitle">${e.name}</span>` || ""}</span>`;
+  return c`<img alt class="logo__glyph" src=${n ?? L}><span class="logo__text"><span class="logo__title">${i}</span>${e?.name && c`<span class="logo__subtitle">${e.name}</span>` || ""}</span>`;
 }
-function Jt({ navigate: e, portal: t, product: i, productInfo: n, productHref: r, messages: o, searchActive: s, showNav: a, projectTitleEditing: c }) {
-  const d = s && i === "Online" && !a || i !== "Online" && c && window.innerWidth < 960;
-  return !i || !t || !o || d ? null : r ? l`<a href=${r ?? L} @click=${(m) => {
+function Jt({ navigate: e, portal: t, product: i, productInfo: n, productHref: r, messages: o, searchActive: s, showNav: a, projectTitleEditing: l }) {
+  const d = s && i === "Online" && !a || i !== "Online" && l && window.innerWidth < 960;
+  return !i || !t || !o || d || t?.portalProperties?.topNav?.brandVisibilityEnabled === !1 && !t?.user ? null : r ? c`<a href=${r ?? L} @click=${(m) => {
     e({ event: m, href: r });
-  }} class="logo fade-in logo--link">${ge({ portal: t, productInfo: n })}</a>` : l`<div class="logo fade-in">${ge({ portal: t, productInfo: n })}</div>`;
+  }} class="logo logo--link">${ge({ portal: t, productInfo: n })}</a>` : c`<div class="logo ">${ge({ portal: t, productInfo: n })}</div>`;
 }
-const Y = {}, T = {
+const Z = {}, T = {
   Month: 2628e3,
   Week: 604800,
   Day: 86400,
@@ -68,9 +68,9 @@ function Te({ locale: e, time: t, t9n: i }) {
   if (!e || !t)
     return "";
   const n = Ce(t);
-  Y[e] ??= new Intl.RelativeTimeFormat(e, { style: "long" });
+  Z[e] ??= new Intl.RelativeTimeFormat(e, { style: "long" });
   const r = Ne(n);
-  return r ? r[1] === "second" ? i?.lessThanOneMinute || `< ${Y[e].format(r[0] > 0 ? 1 : -1, "minutes")}` : Y[e].format(r[0], r[1]) : "";
+  return r ? r[1] === "second" ? i?.lessThanOneMinute || `< ${Z[e].format(r[0] > 0 ? 1 : -1, "minutes")}` : Z[e].format(r[0], r[1]) : "";
 }
 const Kt = {
   month: "long",
@@ -185,8 +185,8 @@ function ii({
     if (e.type === "webapp_not_copied" && t.isPortal && (e.type = "webapp_not_copied_portal"), e.data?.taskTitle && (e.data.taskTitle = ei(e.data.taskTitle)), e.type === "message_received")
       r.text = e.data.message || "";
     else if (n.types[e.type]) {
-      const o = oe({ portal: t, usePortalHostname: !!t.user });
-      e.data.baseUrl = `${o}/home/`, r.text = K(n.types[e.type], e.data);
+      const o = se({ portal: t, usePortalHostname: !!t.user });
+      e.data.baseUrl = `${o}/home/`, r.text = Q(n.types[e.type], e.data);
     }
     if (r.text)
       return r;
@@ -204,22 +204,22 @@ async function be({
   return r && console.error(r), n?.length ? n.map((s) => ii({ notification: s, portal: e, t9n: i, locale: t })).filter((s) => s) : [];
 }
 function ni({ notifications: e, messages: t, handleToggleNotifications: i, handleToggleSearch: n, notificationsActive: r }) {
-  return t ? l`<calcite-action class="action" scale=l .text=${t.label} icon=bell .indicator=${!!e?.length} id=${Oe} @click=${() => i(!r)} @focusin=${() => n(!1, !0)}></calcite-action>` : null;
+  return t ? c`<calcite-action class="action" scale=l .text=${t.label} icon=bell .indicator=${!!e?.length} id=${Oe} @click=${() => i(!r)} @focusin=${() => n(!1, !0)}></calcite-action>` : null;
 }
 function J({ icon: e, title: t, description: i }) {
-  return !t && !i ? null : l`<div class="empty">${e && l`<svg xmlns=http://www.w3.org/2000/svg width=64 height=64 viewBox="0 0 64 64" fill=none>${xt`<path d=${Nt[e] ?? L} fill=var(--calcite-color-border-input) />`}</svg>` || ""}${t && l`<h3 class="notifications__empty__header">${t}</h3>` || ""}${i && l`<p class="notifications__empty__text">${i}</p>` || ""}</div>`;
+  return !t && !i ? null : c`<div class="empty">${e && c`<svg xmlns=http://www.w3.org/2000/svg width=64 height=64 viewBox="0 0 64 64" fill=none>${xt`<path d=${Nt[e] ?? L} fill=var(--calcite-color-border-input) />`}</svg>` || ""}${t && c`<h3 class="notifications__empty__header">${t}</h3>` || ""}${i && c`<p class="notifications__empty__text">${i}</p>` || ""}</div>`;
 }
 function ri({ notifications: e, deleteNotifications: t, messages: i, navigate: n, portal: r, notificationsActive: o, handleToggleNotifications: s, notificationDeleteProgress: a }) {
-  return i ? l`<calcite-popover .referenceElement=${Oe} @calcitePopoverClose=${() => s(!1)} .label=${i.label} auto-close .open=${o} pointer-disabled flip-disabled trigger-disabled placement=bottom-end scale=l .heading=${i.label}>${e?.length > 0 ? l`<div class="notifications notifications--full">${typeof a == "number" && l`<calcite-scrim><calcite-loader type=determinate-value .label=${i.deleting} .value=${a}></calcite-loader></calcite-scrim>` || ""}<calcite-list .label=${i.label} interaction-mode=static class="notifications__list" scale=l>${U(e, (c) => c.id, (c) => l`<calcite-list-item closable @calciteListItemClose=${async () => await t([c.id])} .messageOverrides=${{ close: i.dismissLabel }} .iconStart=${c.icon}><div slot=content class="notification"><div class="notification__message" .innerHTML=${c.text ?? ""} @click=${(d) => {
+  return i ? c`<calcite-popover .referenceElement=${Oe} @calcitePopoverClose=${() => s(!1)} .label=${i.label} auto-close .open=${o} pointer-disabled flip-disabled trigger-disabled placement=bottom-end scale=l .heading=${i.label}>${e?.length > 0 ? c`<div class="notifications notifications--full">${typeof a == "number" && c`<calcite-scrim><calcite-loader type=determinate-value .label=${i.deleting} .value=${a}></calcite-loader></calcite-scrim>` || ""}<calcite-list .label=${i.label} interaction-mode=static class="notifications__list" scale=l>${U(e, (l) => l.id, (l) => c`<calcite-list-item closable @calciteListItemClose=${async () => await t([l.id])} .messageOverrides=${{ close: i.dismissLabel }} .iconStart=${l.icon}><div slot=content class="notification"><div class="notification__message" .innerHTML=${l.text ?? ""} @click=${(d) => {
     const m = d.target, g = m.href;
     if (m.nodeName === "CALCITE-LINK" && g) {
-      const p = `${oe({ portal: r, usePortalHostname: !!r.user })}/home/`;
+      const p = `${se({ portal: r, usePortalHostname: !!r.user })}/home/`;
       n({ event: d, href: g, relativePath: g.replace(p, "") });
     }
-  }}></div><div class="notification__date">${c.date}</div></div></calcite-list-item>`)}</calcite-list></div><calcite-button class="notifications__dismiss" scale=l appearance=transparent @click=${async (c) => {
-    const d = c.currentTarget?.parentElement;
+  }}></div><div class="notification__date">${l.date}</div></div></calcite-list-item>`)}</calcite-list></div><calcite-button class="notifications__dismiss" scale=l appearance=transparent @click=${async (l) => {
+    const d = l.currentTarget?.parentElement;
     await t(e?.map(({ id: m }) => m)), d.open = !1;
-  }}>${i.dismissAllLabel}</calcite-button>` : l`<div class="notifications">${J({ title: i.noNotifications, description: i.noNotificationsDescription, icon: "check" })}</div>`}</calcite-popover>` : null;
+  }}>${i.dismissAllLabel}</calcite-button>` : c`<div class="notifications">${J({ title: i.noNotifications, description: i.noNotificationsDescription, icon: "check" })}</div>`}</calcite-popover>` : null;
 }
 function oi(e) {
   return e.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
@@ -445,10 +445,10 @@ function $i(e, t) {
   ], r = (e?.privileges || []).some((s) => i.includes(s)), o = S("velocity", t);
   return r && o;
 }
-function Ai(e) {
+function ki(e) {
   return S("HubforArcGIS", e);
 }
-function ki(e, t) {
+function Ai(e, t) {
   return !(e.isPortal && e.portalProperties?.newMapViewerEnabled === !1) && S("arcgisWebApps", t);
 }
 function xi(e) {
@@ -477,7 +477,7 @@ function Pi(e, t, i, n) {
       hasAccess: () => S("HubforArcGIS", n)
     },
     "ArcGIS Enterprise Sites": {
-      hasAccess: () => Ai(n)
+      hasAccess: () => ki(n)
     },
     "ArcGIS QuickCapture Web Designer": {
       hasAccess: () => S("arcgisWebApps", n)
@@ -486,7 +486,7 @@ function Pi(e, t, i, n) {
       hasAccess: () => S("dashboards", n)
     },
     "Map Viewer": {
-      hasAccess: () => ki(e, n)
+      hasAccess: () => Ai(e, n)
     },
     "Map Viewer Classic": {
       hasAccess: () => S("arcgisWebApps", n)
@@ -548,11 +548,11 @@ function Ni(e) {
   };
   return e.isPortal && (t = { ...t, arcgisonline: 1, arcgisUrban: 1, arcgisinstantapps: 1 }), t;
 }
-function ie(e) {
+function ne(e) {
   return e.sourceJSON?.subscriptionInfo?.options?.includes("Developer");
 }
 function V(e) {
-  return ee(`assets/portal-navigation/apps/${e || ""}`);
+  return te(`assets/portal-navigation/apps/${e || ""}`);
 }
 function Le(e, t, i) {
   return e.icon ? `${t.restUrl}/portals/self/resources/${e.icon}?token=${i}` : `${t.restUrl}/content/items/${e.itemId}/resources/${e.image || e.properties?.appSwitcher?.image}?token=${i}`;
@@ -597,21 +597,21 @@ async function Mi({
   provisionedListings: o,
   orgCapabilities: s,
   trackViewerEnabled: a,
-  notebookServerEnabled: c,
+  notebookServerEnabled: l,
   willQueryForItems: d,
   approvedApps: m
 }) {
-  const g = {}, p = {}, _ = Pi(i, c, a, n), $ = Ni(i), w = [], I = e.length;
+  const g = {}, p = {}, _ = Pi(i, l, a, n), $ = Ni(i), w = [], I = e.length;
   for (let h = 0; h < I; h++) {
     const u = e[h], v = u.itemId || u.title;
     let N = !0;
     const y = !u.serverFunction || t?.some((x) => (x.serverFunction?.split(",") || []).includes(u.serverFunction)), b = r?.some(
       (x) => u.itemId && u.itemId === x.itemid || u.title && u.title === x.title
     );
-    if (g[v] = 1, p[v] = u, b || ie(i) && !u.showInLocationPlatform || i.sourceJSON?.portalDeploymentType === "ArcGISEnterpriseOnKubernetes" && u.supportsKubernetes === !1)
+    if (g[v] = 1, p[v] = u, b || ne(i) && !u.showInLocationPlatform || i.sourceJSON?.portalDeploymentType === "ArcGISEnterpriseOnKubernetes" && u.supportsKubernetes === !1)
       continue;
-    const k = u.title;
-    if (_[k] && !_[k]?.hasAccess())
+    const A = u.title;
+    if (_[A] && !_[A]?.hasAccess())
       continue;
     const C = i.sourceJSON?.subscriptionInfo;
     if (u.subscriptionType) {
@@ -622,7 +622,7 @@ async function Mi({
       s?.length && s.some((j) => u.orgCapabilities?.includes(j.id)) && (p[v].canAccess = !0, w.push(G(u, v, i)));
       continue;
     }
-    if (!u.privileges?.length && !u.isLicensed && y && (u.label !== "ArcGIS Location Platform" || ie(i))) {
+    if (!u.privileges?.length && !u.isLicensed && y && (u.label !== "ArcGIS Location Platform" || ne(i))) {
       p[v].canAccess = !0, w.push(G(u, v, i));
       continue;
     }
@@ -672,7 +672,7 @@ async function Mi({
     appDictionary: p
   };
 }
-function Z(e, t) {
+function ee(e, t) {
   return e.filter((i) => !t?.some(
     (r) => i.itemId && i.itemId === r.itemid || i.title && i.title === r.title
   ));
@@ -694,7 +694,7 @@ async function Oi({
 }) {
   if (!e?.id || !e.user)
     return { apps: [], hiddenApps: {} };
-  const n = vi(), [r, o, s, a, c, d, m] = await Promise.all([
+  const n = vi(), [r, o, s, a, l, d, m] = await Promise.all([
     mi(e),
     Dt(e),
     zt(e),
@@ -715,7 +715,7 @@ async function Oi({
       itemId: y.itemId,
       clientId: y.clientId
     });
-  }), c?.forEach((y) => {
+  }), l?.forEach((y) => {
     const b = y.id?.toLowerCase();
     b && (w[b] = {
       valid: !0,
@@ -728,7 +728,7 @@ async function Oi({
     portal: e,
     blockedApps: I,
     provisionedListings: o,
-    orgCapabilities: c,
+    orgCapabilities: l,
     licenses: w,
     trackViewerEnabled: t,
     notebookServerEnabled: i,
@@ -738,25 +738,25 @@ async function Oi({
   p?.appLauncher && (p?.appLauncher.primary && _e(p?.appLauncher.primary, e), p?.appLauncher.secondary && _e(p?.appLauncher.secondary, e));
   let h = [], u = [];
   if (!p?.appLauncher?.primary || !p?.appLauncher.secondary)
-    h = P.slice().sort((y, b) => (y.label || "") < (b.label || "") ? -1 : 1), h = Z(h, I), u = [];
+    h = P.slice().sort((y, b) => (y.label || "") < (b.label || "") ? -1 : 1), h = ee(h, I), u = [];
   else {
     const { result: y } = await fi($, n, e);
-    y?.results?.length && y.results.forEach((A) => {
-      const k = f[A.id];
-      k.canAccess = !0, k.hasChanged = k.url !== A.url ? !!A.url : !1;
+    y?.results?.length && y.results.forEach((k) => {
+      const A = f[k.id];
+      A.canAccess = !0, A.hasChanged = A.url !== k.url ? !!k.url : !1;
     });
     const b = { ...f };
-    p?.appLauncher?.primary?.forEach((A) => {
-      A.label === "Map Viewer" && (A.uid = "Map Viewer");
+    p?.appLauncher?.primary?.forEach((k) => {
+      k.label === "Map Viewer" && (k.uid = "Map Viewer");
     }), h = p?.appLauncher.primary.reduce(
-      (A, k) => we({ apps: A, app: k, appDictionary: f, newAppDictionary: b, portal: e }),
+      (k, A) => we({ apps: k, app: A, appDictionary: f, newAppDictionary: b, portal: e }),
       []
     ) || [], u = p?.appLauncher.secondary.reduce(
-      (A, k) => we({ apps: A, app: k, appDictionary: f, newAppDictionary: b, portal: e }),
+      (k, A) => we({ apps: k, app: A, appDictionary: f, newAppDictionary: b, portal: e }),
       []
-    ) || [], h = Z(h, I), u = Z(u, I), ie(e) && (h = h.filter((A) => A.canAccess), u = u.filter((A) => A.canAccess));
-    for (const A of Object.keys(b))
-      b[A].canAccess && (b[A].isNew = !0, f[A] = b[A], h.push(b[A]));
+    ) || [], h = ee(h, I), u = ee(u, I), ne(e) && (h = h.filter((k) => k.canAccess), u = u.filter((k) => k.canAccess));
+    for (const k of Object.keys(b))
+      b[k].canAccess && (b[k].isNew = !0, f[k] = b[k], h.push(b[k]));
   }
   const v = [...h, ...u], N = u.reduce((y, b) => (b.itemId && (y[b.itemId] = !0), y), {});
   return {
@@ -778,8 +778,8 @@ async function Ei({
 }) {
   const r = e.reduce(
     (s, a) => {
-      const c = t[a.itemId];
-      return s[c ? "secondary" : "primary"].push({
+      const l = t[a.itemId];
+      return s[l ? "secondary" : "primary"].push({
         label: a.label,
         uid: a.itemId || a.title
       }), s;
@@ -792,27 +792,27 @@ function je({ app: e }) {
   if (!e)
     return null;
   if (!e.canAccess)
-    return l`<span class="list-item__logo list-item__logo-empty"></span>`;
+    return c`<span class="list-item__logo list-item__logo-empty"></span>`;
   const t = !e.image && e.abbr;
-  return l`${t && l`<span class="list-item__logo">${e.placeHolderIcon && l`<img src=${ve(e.placeHolderIcon) ?? L} class="list-item__logo-bg" alt>` || ""}<span style=${xe({ fontSize: e.fontSize || "20px" })} class="list-item__abbr">${e.abbr}</span></span>` || ""}${e.image && l`<img src=${ve(e.image) ?? L} class="list-item__logo" alt>` || ""}`;
+  return c`${t && c`<span class="list-item__logo">${e.placeHolderIcon && c`<img src=${ve(e.placeHolderIcon) ?? L} class="list-item__logo-bg" alt>` || ""}<span style=${xe({ fontSize: e.fontSize || "20px" })} class="list-item__abbr">${e.abbr}</span></span>` || ""}${e.image && c`<img src=${ve(e.image) ?? L} class="list-item__logo" alt>` || ""}`;
 }
 function ji({ app: e, hiddenApps: t, messages: i, toggleAppVisibility: n, handleAppDelete: r }) {
   if (!e || !i)
     return null;
-  const o = Li(e, t), { title: s, itemId: a, label: c } = e;
-  return l`<calcite-list-item .label=${s || c} class=${te(o ? "app--hidden" : "")}><span slot=content-start>${je({ app: e })}</span>${e.canAccess ? l`<calcite-action .text=${o ? i.show : i.hide} .icon=${o ? "view-hide" : "view-visible"} slot=actions-end @click=${() => a && n(a, !o)}></calcite-action>` : l`<calcite-action .text=${i.delete} icon=x slot=actions-end @click=${() => a && r(a)}></calcite-action>`}</calcite-list-item>`;
+  const o = Li(e, t), { title: s, itemId: a, label: l } = e;
+  return c`<calcite-list-item .label=${s || l} class=${ie(o ? "app--hidden" : "")}><span slot=content-start>${je({ app: e })}</span>${e.canAccess ? c`<calcite-action .text=${o ? i.show : i.hide} .icon=${o ? "view-hide" : "view-visible"} slot=actions-end @click=${() => a && n(a, !o)}></calcite-action>` : c`<calcite-action .text=${i.delete} icon=x slot=actions-end @click=${() => a && r(a)}></calcite-action>`}</calcite-list-item>`;
 }
 function Di({ app: e, messages: t }) {
   if (!e || !t)
     return null;
   const { title: i, itemId: n, label: r, url: o, isNew: s } = e, a = t?.descriptions?.[i] || t?.descriptions?.[r];
-  return l`<li class="list-item"><a class="list-item__link" href=${o ?? L} target=_blank id=${n ?? L} aria-describedby=${`${n}--tooltip`}>${l`<span class="list-item__container">${je({ app: e })}<span class="list-item__title">${r || i}</span>${s && l`<calcite-chip scale=s class="list-item__chip" .label=${t.new}>${t.new}</calcite-chip>` || ""}</span>`}</a>${a && l`<calcite-tooltip .referenceElement=${n} placement=trailing .id=${`${n}--tooltip`} role=tooltip>${a}</calcite-tooltip>` || ""}</li>`;
+  return c`<li class="list-item"><a class="list-item__link" href=${o ?? L} target=_blank id=${n ?? L} aria-describedby=${`${n}--tooltip`}>${c`<span class="list-item__container">${je({ app: e })}<span class="list-item__title">${r || i}</span>${s && c`<calcite-chip scale=s class="list-item__chip" .label=${t.new}>${t.new}</calcite-chip>` || ""}</span>`}</a>${a && c`<calcite-tooltip .referenceElement=${n} placement=trailing .id=${`${n}--tooltip`} role=tooltip>${a}</calcite-tooltip>` || ""}</li>`;
 }
-function zi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, messages: r, handleAppsSearch: o, handleAppReorder: s, handleAppSave: a, handleAppHide: c, handleAppDelete: d, handleAppCancel: m, handleAppEdit: g, editingApplications: p, portal: _ }) {
+function zi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, messages: r, handleAppsSearch: o, handleAppReorder: s, handleAppSave: a, handleAppHide: l, handleAppDelete: d, handleAppCancel: m, handleAppEdit: g, editingApplications: p, portal: _ }) {
   if (!e || !r)
     return null;
   const $ = i?.length > 0, w = (e || []).filter((f) => f.itemId && (!n?.[f.itemId] || $) && bi(i, f)), I = $ ? r.noAppResults.replace("{term}", i) : r.noAppsAvailable, P = $ ? M(_) ? r.noAppsDescriptionPublic : r.noAppResultsDescriptionOrg : r.noAppsAvailable;
-  return p ? l`<div class="list__header"><calcite-button appearance=outline width=half @click=${() => {
+  return p ? c`<div class="list__header"><calcite-button appearance=outline width=half @click=${() => {
     m();
   }}>${r.cancel}</calcite-button><calcite-button width=half @click=${() => {
     a();
@@ -820,26 +820,26 @@ function zi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, message
     const { newIndex: h, oldIndex: u } = f.detail;
     s({ newIndex: h, oldIndex: u });
   }} .loading=${t}>${U(e, (f) => f.itemId, (f) => ji({ app: f, hiddenApps: n, messages: r, toggleAppVisibility: (h, u) => {
-    c({ app: h, hidden: u });
-  }, handleAppDelete: d }))}</calcite-list>` : l`<div class="list__header"><calcite-input type=search icon .placeholder=${r.searchMyApps} .value=${i} scale=m class="list__search" @calciteInputInput=${(f) => {
+    l({ app: h, hidden: u });
+  }, handleAppDelete: d }))}</calcite-list>` : c`<div class="list__header"><calcite-input type=search icon .placeholder=${r.searchMyApps} .value=${i} scale=m class="list__search" @calciteInputInput=${(f) => {
     o(f.currentTarget.value);
-  }}></calcite-input><calcite-button appearance=transparent kind=neutral icon-start=reorder-cards .label=${r.reorder} @click=${() => g()} id=customize-apps></calcite-button><calcite-tooltip reference-element=customize-apps><span>${r.customizeApps}</span></calcite-tooltip></div>${w?.length > 0 ? l`<ul class="list">${U(w, (f) => f.itemId, (f) => Di({ app: f, messages: r }))}</ul>` : J({ title: I, description: P, icon: i ? "search" : "apps" })}`;
+  }}></calcite-input><calcite-button appearance=transparent kind=neutral icon-start=reorder-cards .label=${r.reorder} @click=${() => g()} id=customize-apps></calcite-button><calcite-tooltip reference-element=customize-apps><span>${r.customizeApps}</span></calcite-tooltip></div>${w?.length > 0 ? c`<ul class="list">${U(w, (f) => f.itemId, (f) => Di({ app: f, messages: r }))}</ul>` : J({ title: I, description: P, icon: i ? "search" : "apps" })}`;
 }
-const ye = "portalAppClientId", le = {
+const ye = "portalAppClientId", ue = {
   GeoanalyticsEngine: "geoanalyticsengine",
   GeoanalyticsFabric: "geoanalyticsfabric",
   IndoorsOnline: "indoorsonline"
 };
-function ue(e) {
-  return le.GeoanalyticsEngine === e;
-}
 function de(e) {
-  return le.GeoanalyticsFabric === e;
+  return ue.GeoanalyticsEngine === e;
+}
+function pe(e) {
+  return ue.GeoanalyticsFabric === e;
 }
 function De(e) {
-  return le.IndoorsOnline === e;
+  return ue.IndoorsOnline === e;
 }
-function pe(e) {
+function K(e) {
   return ["Location Platform", "GeoAnalytics Fabric", "GeoAnalytics Engine", "Online", "Enterprise"].includes(e);
 }
 function Gi({
@@ -860,14 +860,14 @@ function Gi({
     portal: e,
     licenses: i,
     subscriptionInfo: o
-  }), c = Vi({
+  }), l = Vi({
     messages: t,
     portal: e,
     clientId: n,
     signInSettings: r,
     navLinkDictionary: a
   });
-  return Ui({ links: c, portal: e });
+  return Ui({ links: l, portal: e });
 }
 function $e(e, t) {
   return t ? e.configName ? t.indexOf(e.configName) : t.length : 0;
@@ -899,7 +899,7 @@ function ze({
 }) {
   const n = e.user, r = De(t), o = !!i?.blockedApps?.includes("arcgisnotebooks"), s = e.portalProperties, {
     gallery: a = "all",
-    groups: c = "all",
+    groups: l = "all",
     map: d = "all",
     notebook: m = "notebookCreators",
     scene: g = "all"
@@ -915,7 +915,7 @@ function ze({
       ...a === "all" ? ["gallery"] : [],
       ...d === "all" ? ["map"] : [],
       ...g === "all" ? ["scene"] : [],
-      ...c === "all" ? ["groups"] : [],
+      ...l === "all" ? ["groups"] : [],
       ...e.isPortal ? ["help"] : []
     ];
   }
@@ -927,7 +927,7 @@ function ze({
     ...(g === "all" || g === "members" && _ || g === "sceneCreators" && me(n)) && !r ? ["scene"] : [],
     ...!o && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     (!e.isPortal || e.sourceJSON.supportsHostedNotebooks) && (m === "members" && _ || m === "notebookCreators" && Ct(n)) && !r ? ["notebook"] : [],
-    ...(c === "all" || c === "members" && _) && !r ? ["groups"] : [],
+    ...(l === "all" || l === "members" && _) && !r ? ["groups"] : [],
     ..._ && !r ? ["myContent", "organization"] : []
   ], p;
 }
@@ -943,14 +943,14 @@ function Fi({
   return e.forEach((r) => {
     const o = t[r];
     if (o && (!("show" in o) || o.show)) {
-      const { href: s, newTab: a, icon: c, relativePath: d, configName: m } = o;
+      const { href: s, newTab: a, icon: l, relativePath: d, configName: m } = o;
       n.push({
         label: i[r],
         href: s,
         newTab: a,
         relativePath: d,
         configName: m,
-        icon: c
+        icon: l
       });
     }
   }), n;
@@ -966,7 +966,7 @@ function Wi({
     pricing: { label: e.pricing, href: `${i}../features/plans/pricing.html`, icon: "credit-card" },
     map: { label: e.map, href: `${i}apps/mapviewer/index.html`, icon: "map", configName: "map" },
     scene: { label: e.scene, href: `${i}webscene/viewer.html`, icon: "globe", configName: "scene" },
-    help: { label: e.help, href: ae(t), newTab: !0, icon: "headset" },
+    help: { label: e.help, href: ce(t), newTab: !0, icon: "headset" },
     home: { label: e.home, href: `${i}index.html`, relativePath: "index.html", icon: "home" },
     gallery: {
       label: e.gallery,
@@ -992,8 +992,8 @@ function Vi({
   signInSettings: n,
   navLinkDictionary: r
 }) {
-  const o = ue(i), s = ze({ portal: t, clientId: i, signInSettings: n }), a = `${E(t)}geoanalytics${o ? "engine" : "fabric"}.html`;
-  return o || de(i) ? [
+  const o = de(i), s = ze({ portal: t, clientId: i, signInSettings: n }), a = `${E(t)}geoanalytics${o ? "engine" : "fabric"}.html`;
+  return o || pe(i) ? [
     {
       // TODO: active calculations in the component need to account for hash for these options
       href: `${a}#subscription`,
@@ -1046,7 +1046,7 @@ function Hi({
       configName: "map"
     },
     help: {
-      href: ae(e),
+      href: ce(e),
       newTab: !0
     },
     gallery: {
@@ -1091,22 +1091,22 @@ function Hi({
 function qi({ portal: e, item: t, messages: i, navigate: n, locale: r }) {
   if (!t || !i || !t.modified)
     return null;
-  const o = t.modified, s = { lessThanOneMinute: i.lessThanOneMinute }, a = Ne(Ce(o)), c = a?.[1] === "year" || a?.[1] === "month" ? Xt({ locale: r, time: o }, a?.[1] === "year") : Te({ locale: r, time: o, t9n: s }), d = `item.html?id=${t.id}`, m = `${E(e)}${d}}`;
-  return se(t.id, l`<li class="list-item"><a class="list-item__link" href=${m ?? L} @click=${(g) => {
+  const o = t.modified, s = { lessThanOneMinute: i.lessThanOneMinute }, a = Ne(Ce(o)), l = a?.[1] === "year" || a?.[1] === "month" ? Xt({ locale: r, time: o }, a?.[1] === "year") : Te({ locale: r, time: o, t9n: s }), d = `item.html?id=${t.id}`, m = `${E(e)}${d}}`;
+  return ae(t.id, c`<li class="list-item"><a class="list-item__link" href=${m ?? L} @click=${(g) => {
     n({ event: g, href: m, relativePath: d });
-  }}>${l`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular">${t.title}</span><span class="list-item__subtitle">${K(i.lastUpdated, { date: c })}</span></span></span>`}</a></li>`);
+  }}>${c`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular">${t.title}</span><span class="list-item__subtitle">${Q(i.lastUpdated, { date: l })}</span></span></span>`}</a></li>`);
 }
-function Ji({ locale: e, navigate: t, portal: i, open: n, apps: r, appsLoading: o, hiddenApps: s, appsSearchTerm: a, handlePlatformClose: c, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, handleItemSearch: I, editingApplications: P, recentContent: f, recentContentLoading: h, recentContentSearchTerm: u, product: v, platformInfo: N, links: y, messages: b }) {
+function Ji({ locale: e, navigate: t, portal: i, open: n, apps: r, appsLoading: o, hiddenApps: s, appsSearchTerm: a, handlePlatformClose: l, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, handleItemSearch: I, editingApplications: P, recentContent: f, recentContentLoading: h, recentContentSearchTerm: u, product: v, platformInfo: N, links: y, messages: b }) {
   if (!v || !i || !b)
     return null;
-  const { name: A, icon: k } = N || {};
-  return l`<calcite-sheet class="platform" .label=${b.label} position=inline-start display-mode=overlay id=example-sheet .open=${n} @calciteSheetClose=${c}><calcite-panel class="platform__panel"><div slot=header-content class="platform__header"><img src=${k ?? L} class="platform__header-image"><div class="platform__header-text"><h2 class="platform__title">${A}</h2><p class="platform__subtitle">${i.name}</p></div><calcite-action icon=x text="Close menu" scale=l @click=${c}></calcite-action></div><div class="platform__container"><div class="platform__tiles">${y.filter(({ icon: C }) => C).map(({ label: C, href: O, icon: x, relativePath: j }) => l`<calcite-tile .icon=${x} .description=${C} .href=${O} alignment=center scale=s @keydown=${(D) => {
+  const { name: k, icon: A } = N || {};
+  return c`<calcite-sheet class="platform" .label=${b.label} position=inline-start display-mode=overlay id=example-sheet .open=${n} @calciteSheetClose=${l}><calcite-panel class="platform__panel"><div slot=header-content class="platform__header"><img src=${A ?? L} class="platform__header-image"><div class="platform__header-text"><h2 class="platform__title">${k}</h2><p class="platform__subtitle">${i.name}</p></div><calcite-action icon=x text="Close menu" scale=l @click=${l}></calcite-action></div><div class="platform__container"><div class="platform__tiles">${y.filter(({ icon: C }) => C).map(({ label: C, href: O, icon: x, relativePath: j }) => c`<calcite-tile .icon=${x} .description=${C} .href=${O} alignment=center scale=s @keydown=${(D) => {
     (D.key === "Enter" || D.key === " ") && t({ event: D, href: O, relativePath: j });
   }} @click=${(D) => {
     t({ event: D, href: O, relativePath: j });
-  }}></calcite-tile>`)}</div>${i?.user && l`<calcite-tabs layout=center class="platform__tabs"><calcite-tab-nav slot=title-group>${!M(i) && l`<calcite-tab-title selected>${b.myApps}</calcite-tab-title>` || ""}<calcite-tab-title>${b.recentContent}</calcite-tab-title></calcite-tab-nav>${!M(i) && l`<calcite-tab selected class="platform__tab">${o && l`<calcite-scrim loading></calcite-scrim>` || ""}${zi({ apps: r, appsLoading: o, appsSearchTerm: a, hiddenApps: s, messages: b, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, editingApplications: P, portal: i })}</calcite-tab>` || ""}<calcite-tab class="platform__tab"><div class="list__header"><calcite-input type=search icon .placeholder=${b.searchRecentContent} .value=${u} scale=m class="list__search" @calciteInputInput=${(C) => I(C.target.value)}></calcite-input></div>${h && !o && l`<calcite-scrim loading></calcite-scrim>` || ""}<div class="list__container">${f?.length > 0 || h ? l`<ul class="list">${U(f, (C) => C.id, (C) => qi({ portal: i, messages: b, navigate: t, item: C, locale: e }))}</ul>` : u?.length ? J({ title: K(b.noAppResults, { term: u }), description: b.recentContentNoResultsDescription, icon: "search" }) : J({ title: b.noContent, description: b.noContentDescription, icon: "clock" })}</div></calcite-tab></calcite-tabs>` || ""}</div></calcite-panel></calcite-sheet>`;
+  }}></calcite-tile>`)}</div>${i?.user && c`<calcite-tabs layout=center class="platform__tabs"><calcite-tab-nav slot=title-group>${!M(i) && c`<calcite-tab-title selected>${b.myApps}</calcite-tab-title>` || ""}<calcite-tab-title>${b.recentContent}</calcite-tab-title></calcite-tab-nav>${!M(i) && c`<calcite-tab selected class="platform__tab">${o && c`<calcite-scrim loading></calcite-scrim>` || ""}${zi({ apps: r, appsLoading: o, appsSearchTerm: a, hiddenApps: s, messages: b, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, editingApplications: P, portal: i })}</calcite-tab>` || ""}<calcite-tab class="platform__tab"><div class="list__header"><calcite-input type=search icon .placeholder=${b.searchRecentContent} .value=${u} scale=m class="list__search" @calciteInputInput=${(C) => I(C.target.value)}></calcite-input></div>${h && !o && c`<calcite-scrim loading></calcite-scrim>` || ""}<div class="list__container">${f?.length > 0 || h ? c`<ul class="list">${U(f, (C) => C.id, (C) => qi({ portal: i, messages: b, navigate: t, item: C, locale: e }))}</ul>` : u?.length ? J({ title: Q(b.noAppResults, { term: u }), description: b.recentContentNoResultsDescription, icon: "search" }) : J({ title: b.noContent, description: b.noContentDescription, icon: "clock" })}</div></calcite-tab></calcite-tabs>` || ""}</div></calcite-panel></calcite-sheet>`;
 }
-const ne = [
+const re = [
   "new",
   "open",
   "rename",
@@ -1120,13 +1120,13 @@ const ne = [
 async function Ki(e) {
   return await Promise.resolve({ status: "success" });
 }
-function re(e) {
-  return ne.includes(e.id);
+function oe(e) {
+  return re.includes(e.id);
 }
 function Qi(e) {
   return (e || [])?.toSorted((t, i) => {
-    const n = re(t), r = re(i);
-    return n && !r ? -1 : r && !n ? 1 : r && n ? ne.indexOf(t.id) - ne.indexOf(i.id) : -1;
+    const n = oe(t), r = oe(i);
+    return n && !r ? -1 : r && !n ? 1 : r && n ? re.indexOf(t.id) - re.indexOf(i.id) : -1;
   });
 }
 function Xi(e, t) {
@@ -1151,12 +1151,12 @@ function Xi(e, t) {
     details: { text: t.itemDetails, group: "details", external: !0 }
   }, r = Qi(e), o = [];
   return r.forEach((s) => {
-    if (!re(s)) {
+    if (!oe(s)) {
       o.push(s);
       return;
     }
-    const { text: c, external: d, group: m } = n[s.id];
-    i[m].push({ text: c, external: d, ...s });
+    const { text: l, external: d, group: m } = n[s.id];
+    i[m].push({ text: l, external: d, ...s });
   }), o.forEach((s) => {
     const a = s.group || "custom";
     i[a].push(s);
@@ -1165,26 +1165,26 @@ function Xi(e, t) {
 function Yi({ navigate: e, portal: t, menuItem: i, messages: n, portalItem: r, openProjectTitleEdit: o, projectMenuClick: s }) {
   if (!t || !n || !i || i.id === "details" && !r)
     return null;
-  const { external: a, id: c, text: d } = i, m = `${E(t)}item.html?id=${r?.id}`;
-  return se(`${c}${d}`, l`<calcite-dropdown-item .iconEnd=${a ? "launch" : void 0} .href=${c === "details" ? m : i.href} .target=${a ? "_blank" : void 0} @calciteDropdownItemSelect=${(g) => {
-    if (c === "rename") {
+  const { external: a, id: l, text: d } = i, m = `${E(t)}item.html?id=${r?.id}`;
+  return ae(`${l}${d}`, c`<calcite-dropdown-item .iconEnd=${a ? "launch" : void 0} .href=${l === "details" ? m : i.href} .target=${a ? "_blank" : void 0} @calciteDropdownItemSelect=${(g) => {
+    if (l === "rename") {
       o?.();
       return;
     }
-    c === "details" && e({ event: g, href: m }), s?.({ type: c });
-  }}>${d}${c === "save" && l`<calcite-icon icon=bullet-point-large class="project__indicator" scale=s></calcite-icon>` || ""}</calcite-dropdown-item>`);
+    l === "details" && e({ event: g, href: m }), s?.({ type: l });
+  }}>${d}${l === "save" && c`<calcite-icon icon=bullet-point-large class="project__indicator" scale=s></calcite-icon>` || ""}</calcite-dropdown-item>`);
 }
-function Zi({ navigate: e, portal: t, projectTitle: i, editedProjectTitle: n, handleProjectTitleSave: r, handleProjectTitleEdit: o, handleProjectTitleCancel: s, openProjectTitleEdit: a, portalItem: c, projectTitleEditing: d, projectTitleSaving: m, projectTitleErrorMessage: g, projectMenuIcon: p, projectMenuSaveIndicator: _, projectMenuClick: $, projectMenuOptions: w, projectTitleInputRef: I, projectButtonRef: P, messages: f }) {
+function Zi({ navigate: e, portal: t, projectTitle: i, editedProjectTitle: n, handleProjectTitleSave: r, handleProjectTitleEdit: o, handleProjectTitleCancel: s, openProjectTitleEdit: a, portalItem: l, projectTitleEditing: d, projectTitleSaving: m, projectTitleErrorMessage: g, projectMenuIcon: p, projectMenuSaveIndicator: _, projectMenuClick: $, projectMenuOptions: w, projectTitleInputRef: I, projectButtonRef: P, messages: f }) {
   if (!t || !f || !w?.length && !i)
     return null;
   if (!w?.length)
-    return l`<div class="project__title">${p && l`<calcite-icon .icon=${p} scale=s class="project__menu-icon"></calcite-icon>` || ""}<h1 class="project__title__header">${i}</h1>${_ && l`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}</div>`;
+    return c`<div class="project__title">${p && c`<calcite-icon .icon=${p} scale=s class="project__menu-icon"></calcite-icon>` || ""}<h1 class="project__title__header">${i}</h1>${_ && c`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}</div>`;
   const h = Xi(w, f), u = !!g;
-  return d ? l`<form class="rename" @submit=${async (v) => {
+  return d ? c`<form class="rename" @submit=${async (v) => {
     v.preventDefault(), await r?.(n);
   }} @keydown=${(v) => {
     v.key === "Escape" && s?.();
-  }}><calcite-input id=project-title-input type=text scale=l class="rename__input" .label=${f.title} .value=${n} .status=${u ? "invalid" : "idle"} @calciteInputInput=${(v) => o?.(v.target.value)} ${W(I)}></calcite-input>${u && l`<calcite-popover open .label=${f.error} .referenceElement=${I?.value || "project-title-input"} pointer-disabled placement=bottom-start><calcite-notice kind=danger open><div slot=message>${g}</div></calcite-notice></calcite-popover>` || ""}<calcite-action .disabled=${m} icon=check scale=l .text=${f?.saveRename} active class="rename__action" type=submit .loading=${m}></calcite-action><calcite-action .disabled=${m} icon=x scale=l .text=${f?.cancelRename} class="rename__action" @click=${() => s?.()}></calcite-action></form>` : l`<calcite-dropdown width=m class="fade-in project__dropdown"><button slot=trigger class="project" ${W(P)}>${p && l`<calcite-icon scale=s .icon=${p} class="project__menu-icon"></calcite-icon>` || ""}<span class="project__text">${i}</span>${_ && l`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}<calcite-icon scale=s icon=chevron-down></calcite-icon></button>${U(Object.entries(h).filter(([v, N]) => N.length), ([v, N]) => v, ([v, N]) => l`<calcite-dropdown-group selection-mode=none>${N.map((y) => Yi({ menuItem: y, navigate: e, portal: t, messages: f, portalItem: c, openProjectTitleEdit: a, projectMenuClick: $ }))}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+  }}><calcite-input id=project-title-input type=text scale=l class="rename__input" .label=${f.title} .value=${n} .status=${u ? "invalid" : "idle"} @calciteInputInput=${(v) => o?.(v.target.value)} ${W(I)}></calcite-input>${u && c`<calcite-popover open .label=${f.error} .referenceElement=${I?.value || "project-title-input"} pointer-disabled placement=bottom-start><calcite-notice kind=danger open><div slot=message>${g}</div></calcite-notice></calcite-popover>` || ""}<calcite-action .disabled=${m} icon=check scale=l .text=${f?.saveRename} active class="rename__action" type=submit .loading=${m}></calcite-action><calcite-action .disabled=${m} icon=x scale=l .text=${f?.cancelRename} class="rename__action" @click=${() => s?.()}></calcite-action></form>` : c`<calcite-dropdown width=m class="fade-in project__dropdown"><button slot=trigger class="project" ${W(P)}>${p && c`<calcite-icon scale=s .icon=${p} class="project__menu-icon"></calcite-icon>` || ""}<span class="project__text">${i}</span>${_ && c`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}<calcite-icon scale=s icon=chevron-down></calcite-icon></button>${U(Object.entries(h).filter(([v, N]) => N.length), ([v, N]) => v, ([v, N]) => c`<calcite-dropdown-group selection-mode=none>${N.map((y) => Yi({ menuItem: y, navigate: e, portal: t, messages: f, portalItem: l, openProjectTitleEdit: a, projectMenuClick: $ }))}</calcite-dropdown-group>`)}</calcite-dropdown>`;
 }
 function en(e) {
   return ["Location Platform", "Online", "Enterprise"].includes(e);
@@ -1200,50 +1200,50 @@ function Ge({
 function tn({ portal: e, item: t, messages: i, navigate: n }) {
   if (!t || !i)
     return null;
-  const r = K(i.by, {
+  const r = Q(i.by, {
     itemType: Gt(t),
     owner: t.owner
   }), o = `item.html?id=${t.id}`, s = `${E(e)}${o}`;
-  return se(t.id, l`<li class="list-item"><a class="list-item__link" href=${s ?? L} @click=${(a) => n({ event: a, href: s, relativePath: o })}>${l`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular list-item__title--large">${t.title}</span><span class="list-item__subtitle list-item__subtitle--large">${r}</span></span></span>`}</a></li>`);
+  return ae(t.id, c`<li class="list-item"><a class="list-item__link" href=${s ?? L} @click=${(a) => n({ event: a, href: s, relativePath: o })}>${c`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular list-item__title--large">${t.title}</span><span class="list-item__subtitle list-item__subtitle--large">${r}</span></span></span>`}</a></li>`);
 }
 function nn({ portal: e, suggestions: t, messages: i, navigate: n, searchType: r, searchTerm: o }) {
   if (!i || !e || !o)
     return null;
   if (!t)
-    return l`<div><calcite-loader scale=l .label=${i.loadingResults}></calcite-loader></div>`;
-  const s = Ge({ portal: e, searchType: r, searchTerm: o }), a = `/${s}`, c = `${E(e)}${s}`;
-  return l`<ul class="list">${t.map((d) => tn({ messages: i, portal: e, item: d, navigate: n }))}</ul><div class="suggestions__footer"><calcite-button icon-end=arrow-right scale=l appearance=outline class="suggestions__footer__button" kind=neutral round .href=${c} @click=${(d) => {
-    n({ href: c, event: d, relativePath: a });
+    return c`<div><calcite-loader scale=l .label=${i.loadingResults}></calcite-loader></div>`;
+  const s = Ge({ portal: e, searchType: r, searchTerm: o }), a = `/${s}`, l = `${E(e)}${s}`;
+  return c`<ul class="list">${t.map((d) => tn({ messages: i, portal: e, item: d, navigate: n }))}</ul><div class="suggestions__footer"><calcite-button icon-end=arrow-right scale=l appearance=outline class="suggestions__footer__button" kind=neutral round .href=${l} @click=${(d) => {
+    n({ href: l, event: d, relativePath: a });
   }}>${i.viewAll}</calcite-button></div>`;
 }
 function rn({ portal: e, messages: t, searchType: i, handleSearchTypeChange: n }) {
   if (!t || !e?.sourceJSON?.vectorSearchEnabled)
     return null;
   const r = i === "keyword", o = t.searchType;
-  return l`<calcite-chip .label=${o.label} .icon=${r ? "text" : "effects"} id=search-type-toggle appearance=solid kind=neutral><span>${r ? o.keywordTitle : o.semanticTitle}</span><calcite-icon icon=chevron-down scale=s class="suggestions__search-type__icon" aria-hidden=true></calcite-icon></calcite-chip><calcite-popover pointer-disabled .label=${t.searchType.label} reference-element=search-type-toggle placement=bottom-end class="suggestions__search-type"><div class="esri-header-search-type-popover-contents"><calcite-list .label=${t.searchType.label} interaction-mode=interactive display-mode=flat scale=m selection-mode=none><calcite-list-item @calciteListItemSelect=${() => n("keyword")} icon-start=text value=keyword .label=${o.keywordTitle} .description=${o.keywordDescription}></calcite-list-item><calcite-list-item @calciteListItemSelect=${() => n("vector")} icon-start=effects value=semantic .label=${o.semanticTitle} .description=${o.semanticDescription}></calcite-list-item></calcite-list></div></calcite-popover>`;
+  return c`<calcite-chip .label=${o.label} .icon=${r ? "text" : "effects"} id=search-type-toggle appearance=solid kind=neutral><span>${r ? o.keywordTitle : o.semanticTitle}</span><calcite-icon icon=chevron-down scale=s class="suggestions__search-type__icon" aria-hidden=true></calcite-icon></calcite-chip><calcite-popover pointer-disabled .label=${t.searchType.label} reference-element=search-type-toggle placement=bottom-end class="suggestions__search-type"><div class="esri-header-search-type-popover-contents"><calcite-list .label=${t.searchType.label} interaction-mode=interactive display-mode=flat scale=m selection-mode=none><calcite-list-item @calciteListItemSelect=${() => n("keyword")} icon-start=text value=keyword .label=${o.keywordTitle} .description=${o.keywordDescription}></calcite-list-item><calcite-list-item @calciteListItemSelect=${() => n("vector")} icon-start=effects value=semantic .label=${o.semanticTitle} .description=${o.semanticDescription}></calcite-list-item></calcite-list></div></calcite-popover>`;
 }
-function on({ currentPathname: e, navigate: t, product: i, portal: n, messages: r, searchActive: o, searchType: s, searchTerm: a, suggestions: c, searchInputRef: d, searchActionRef: m, searchPopoverRef: g, handleSearch: p, handleToggleSearch: _, handleSearchTypeChange: $ }) {
+function on({ currentPathname: e, navigate: t, product: i, portal: n, messages: r, searchActive: o, searchType: s, searchTerm: a, suggestions: l, searchInputRef: d, searchActionRef: m, searchPopoverRef: g, handleSearch: p, handleToggleSearch: _, handleSearchTypeChange: $ }) {
   if (!en(i) || !r || !n || e?.includes("search.html"))
     return null;
   const w = Ge({ portal: n, searchType: s, searchTerm: a }), I = `/${w}`, P = `${E(n)}${w}`;
-  return o ? l`<div class="search" id=search-reference-element><calcite-input type=search scale=l icon=search class="search__input" .ariaLabel=${r.label} .placeholder=${s === "vector" ? r.searchType.semanticPlaceholder : r.searchType.keywordPlaceholder} @calciteInputInput=${(f) => p(f.target.value)} @keydown=${(f) => {
+  return o ? c`<div class="search" id=search-reference-element><calcite-input type=search scale=l icon=search class="search__input" .ariaLabel=${r.label} .placeholder=${s === "vector" ? r.searchType.semanticPlaceholder : r.searchType.keywordPlaceholder} @calciteInputInput=${(f) => p(f.target.value)} @keydown=${(f) => {
     f.key === "Enter" && (t({ href: P, event: f, relativePath: I }), f.defaultPrevented || (window.location.href = P)), f.key === "Escape" && _(!1);
-  }} ${W(d)}></calcite-input><calcite-action icon=x scale=l .text=${r?.close} active class="search__action" @click=${() => _(!1)}></calcite-action><calcite-popover .label=${r.suggestions} reference-element=search-reference-element .open=${o && !!a} pointer-disabled placement=bottom-start trigger-disabled .focusTrapOptions=${{ initialFocus: !1 }} ${W(g)}><div class="suggestions__header"><h3 class="suggestions__title">${r.topResults}</h3>${rn({ portal: n, messages: r, searchType: s, handleSearchTypeChange: $ })}</div><div class="suggestions__results">${nn({ portal: n, suggestions: c, navigate: t, messages: r, searchType: s, searchTerm: a })}</div></calcite-popover></div>` : l`<calcite-action icon=search scale=l text=search class="search__action fade-in" @click=${() => _(!0)} ${W(m)}></calcite-action>`;
+  }} ${W(d)}></calcite-input><calcite-action icon=x scale=l .text=${r?.close} active class="search__action" @click=${() => _(!1)}></calcite-action><calcite-popover .label=${r.suggestions} reference-element=search-reference-element .open=${o && !!a} pointer-disabled placement=bottom-start trigger-disabled .focusTrapOptions=${{ initialFocus: !1 }} ${W(g)}><div class="suggestions__header"><h3 class="suggestions__title">${r.topResults}</h3>${rn({ portal: n, messages: r, searchType: s, handleSearchTypeChange: $ })}</div><div class="suggestions__results">${nn({ portal: n, suggestions: l, navigate: t, messages: r, searchType: s, searchTerm: a })}</div></calcite-popover></div>` : c`<calcite-action icon=search scale=l text=search class="search__action" @click=${() => _(!0)} ${W(m)}></calcite-action>`;
 }
 function sn({ signIn: e, messages: t }) {
-  return l`<calcite-menu slot=user .label=${t?.account || ""} class="border-start fade-in"><calcite-menu-item .label=${t?.signIn || ""} text-enabled .text=${t?.signIn || ""} @calciteMenuItemSelect=${() => e()}></calcite-menu-item></calcite-menu>`;
+  return c`<div class="border-start fade-in"><calcite-button class="user__button" slot=trigger appearance=transparent kind=neutral @click=${() => e()}><span class="user__button__contents"><calcite-avatar scale=m class="user__button__avatar"></calcite-avatar><span class="user__button__text"><p class="user__button__username">${t?.signIn || ""}</p></span></span></calcite-button></div>`;
 }
 function an({ navigate: e, portal: t, product: i, links: n, messages: r, currentPathname: o, searchActive: s }) {
-  return !i || !t || !r || !pe(i) || !n || s ? null : l`<calcite-menu slot=content-start .label=${r.label} class="site-nav fade-in">${U(n, ({ href: a }) => a, ({ label: a, href: c, relativePath: d, configName: m }) => l`<calcite-menu-item .text=${a} text-enabled .label=${a} .href=${c} .active=${Ri(c, o, m)} @click=${(g) => e({ event: g, href: c, relativePath: d })}></calcite-menu-item>`)}</calcite-menu>`;
+  return K(i) && n?.length === 0 && t ? c`<div slot=content-start class="site-nav skeleton">${["Overview", "Pricing", "Map", "Scene", "Help"].map((a) => c`<span class="skeleton-line" aria-hidden>${a}</span>`)}</div>` : !i || !t || !r || !K(i) || !n || s ? null : c`<calcite-menu slot=content-start .label=${r.label} class="site-nav fade-in">${U(n, ({ href: a }) => a, ({ label: a, href: l, relativePath: d, configName: m }) => c`<calcite-menu-item .text=${a} text-enabled .label=${a} .href=${l} .active=${Ri(l, o, m)} @click=${(g) => e({ event: g, href: l, relativePath: d })}></calcite-menu-item>`)}</calcite-menu>`;
 }
 function cn({ userLinks: e, messages: t, navigate: i, openAccountSwitcher: n, portal: r, signOut: o, textDisabled: s }) {
   const a = r?.user;
-  return !a || !e || !t || e?.account?.options.length < 1 && e?.resources?.options.length < 1 ? null : l`<div class="user fade-in"><calcite-dropdown .width=${s ? "l" : "m"} class="user__dropdown"><calcite-button class="user__button" slot=trigger appearance=transparent kind=neutral><span class="user__button__contents"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__button__avatar"></arcgis-portal-user-avatar>${!s && l`<span class="user__button__text"><h2 class="user__button__full user__full">${a.fullName}</h2><p class="user__button__username user__username">${a.username}</p></span>` || ""}</span></calcite-button>${s && l`<div class="user__top"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__avatar"></arcgis-portal-user-avatar><div class="user__top__text"><h2 class="user__top__full user__full">${a.fullName}</h2><p class="user__top__username user__username">${a.username}</p></div></div>` || ""}${Object.values(e).filter((c) => c.options.length).map(({ title: c, options: d }) => l`<calcite-dropdown-group selection-mode=none .groupTitle=${c}>${d.map(({ icon: m, label: g, href: p, relativePath: _ }) => l`<calcite-dropdown-item .iconStart=${m} .href=${p} @keydown=${($) => {
+  return !a || !e || !t || e?.account?.options.length < 1 && e?.resources?.options.length < 1 ? null : c`<div class="user"><calcite-dropdown .width=${s ? "l" : "m"} class="user__dropdown"><calcite-button class="user__button" slot=trigger appearance=transparent kind=neutral><span class="user__button__contents"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__button__avatar"></arcgis-portal-user-avatar>${!s && c`<span class="user__button__text"><h2 class="user__button__full user__full">${a.fullName}</h2><p class="user__button__username user__username">${a.username}</p></span>` || ""}</span></calcite-button>${s && c`<div class="user__top"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__avatar"></arcgis-portal-user-avatar><div class="user__top__text"><h2 class="user__top__full user__full">${a.fullName}</h2><p class="user__top__username user__username">${a.username}</p></div></div>` || ""}${Object.values(e).filter((l) => l.options.length).map(({ title: l, options: d }) => c`<calcite-dropdown-group selection-mode=none .groupTitle=${l}>${d.map(({ icon: m, label: g, href: p, relativePath: _ }) => c`<calcite-dropdown-item .iconStart=${m} .href=${p} @keydown=${($) => {
     ($.key === "Enter" || $.key === " ") && i({ event: $, href: p, relativePath: _ });
   }} @click=${($) => {
     i({ event: $, href: p, relativePath: _ });
-  }}>${g}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}<calcite-dropdown-group selection-mode=none>${n && l`<calcite-dropdown-item icon-start=users @calciteDropdownItemSelect=${(c) => {
-    const d = Ft(c.target, "calcite-dropdown");
+  }}>${g}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}<calcite-dropdown-group selection-mode=none>${n && c`<calcite-dropdown-item icon-start=users @calciteDropdownItemSelect=${(l) => {
+    const d = Ft(l.target, "calcite-dropdown");
     d && (d.open = !1), n();
   }}>${t.switchAccounts}</calcite-dropdown-item>` || ""}<calcite-dropdown-item icon-start=sign-out @calciteDropdownItemSelect=${() => o()}>${t.signOut}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></div>`;
 }
@@ -1291,21 +1291,21 @@ function dn({
     "arcgisBlog",
     "help"
   ];
-  return (ue(i) || de(i)) && (n = ["mySettings", "arcgisBlog", "help"]), De(i) && (n = []), pn(n, t, e);
+  return (de(i) || pe(i)) && (n = ["mySettings", "arcgisBlog", "help"]), De(i) && (n = []), pn(n, t, e);
 }
 function pn(e, t, i) {
   const n = [];
   return e.forEach((r) => {
     const o = i[r];
     if (o && (!("show" in o) || o.show)) {
-      const { href: s, newTab: a, icon: c, group: d, relativePath: m } = o;
+      const { href: s, newTab: a, icon: l, group: d, relativePath: m } = o;
       n.push({
         label: t[r],
         group: d,
         href: s,
         newTab: a,
         relativePath: m,
-        icon: c
+        icon: l
       });
     }
   }), n;
@@ -1328,7 +1328,7 @@ function hn(e) {
     help: {
       group: "resources",
       icon: "question",
-      href: ae(e),
+      href: ce(e),
       newTab: !0
     },
     communityForums: {
@@ -1380,7 +1380,7 @@ function gn(e) {
   return Be(e, Ue.myEsri);
 }
 function Be(e, t) {
-  const i = ce(e), n = bn(e), r = `https://accounts${n ? n === "dev" ? "-dev" : "-stg" : ""}.esri.com/`, o = `&authBaseUrl=${q(i.replace("/sharing/rest/", ""), e)}`, s = `${r}LoginHandler/switchuser?`, a = `username=${e?.user?.username ?? ""}&redirect_uri=${t}${o}`;
+  const i = le(e), n = bn(e), r = `https://accounts${n ? n === "dev" ? "-dev" : "-stg" : ""}.esri.com/`, o = `&authBaseUrl=${q(i.replace("/sharing/rest/", ""), e)}`, s = `${r}LoginHandler/switchuser?`, a = `username=${e?.user?.username ?? ""}&redirect_uri=${t}${o}`;
   return `${s}${a}`;
 }
 function bn(e) {
@@ -1618,18 +1618,18 @@ function Fe({
 }) {
   return {
     name: e,
-    glyph: ee(`assets/portal-navigation/product-logos/${t}-glyph-32.svg`),
-    icon: ee(`assets/portal-navigation/apps/${i}.avif`)
+    glyph: te(`assets/portal-navigation/product-logos/${t}-glyph-32.svg`),
+    icon: te(`assets/portal-navigation/apps/${i}.avif`)
   };
 }
 function We({ portal: e, clientId: t }) {
-  return e?.sourceJSON?.subscriptionInfo?.options?.includes("Developer") ? "Location Platform" : de(t) ? "GeoAnalytics Fabric" : ue(t) ? "GeoAnalytics Engine" : e?.isPortal ? "Enterprise" : "Online";
+  return e?.sourceJSON?.subscriptionInfo?.options?.includes("Developer") ? "Location Platform" : pe(t) ? "GeoAnalytics Fabric" : de(t) ? "GeoAnalytics Engine" : e?.isPortal ? "Enterprise" : "Online";
 }
 function _n(e) {
   const t = We(e);
   return Fe(Re(t));
 }
-function Ae(e) {
+function ke(e) {
   const t = e?.product === "Online" ? We(e) : e?.product;
   return Fe(Re(t));
 }
@@ -1640,20 +1640,20 @@ function wn() {
   )}` : window.location.href = `./signin.html?locale=${e}&useLandingPage=true`;
 }
 function yn({ portal: e, clientId: t }) {
-  const i = oe({ portal: e });
+  const i = se({ portal: e });
   if (e?.isPortal) {
     const n = e.access === "private" ? q("signin.html", e) : e.allSSL || window.location.protocol === "https:" ? q("./index.html", e) : `${i}/index.html`;
-    An(e, n);
+    kn(e, n);
   } else
     window.location.href = `${i}/pages/Account/manage_accounts.html#client_id=${t}&signout=true`;
 }
 function $n() {
   ci(ye), li(ye);
 }
-function An(e, t = window.location.href) {
+function kn(e, t = window.location.href) {
   const i = window.location.href.startsWith("http://"), n = Rt(e);
   Vt.destroyCredentials(), $n();
-  const r = new URL(q(`${ce(e)}oauth2/signout`, e)), { searchParams: o } = r;
+  const r = new URL(q(`${le(e)}oauth2/signout`, e)), { searchParams: o } = r;
   o.append("client_id", "arcgisonline"), o.append("redirect_uri", t), n && i && (e.isPortal || e.user?.sourceJSON.provider === "enterprise") && o.append("token", n), window.location.href = r.href;
 }
 function z(e, t) {
@@ -1662,7 +1662,7 @@ function z(e, t) {
   const i = Wt({ text: e, font: `${t === "s" ? ".875rem" : "1rem"} 'Avenir Next'` });
   return Math.ceil(i);
 }
-function kn({
+function An({
   portal: e,
   product: t,
   projectTitle: i,
@@ -1672,12 +1672,12 @@ function kn({
 }) {
   if (!t || !e)
     return;
-  const s = e.user, c = pe(t) && n?.length ? 24 + n.reduce((g, p) => g + 16 + z(p.label) + 16, 0) : 0, d = 40 + z(i) + 32 + 16 + 16 + 12, m = s ? Math.max(z(s?.username, "s"), z(s?.fullName)) : z(r?.signIn);
+  const s = e.user, l = K(t) && n?.length ? 24 + n.reduce((g, p) => g + 16 + z(p.label) + 16, 0) : 0, d = 40 + z(i) + 32 + 16 + 16 + 12, m = s ? Math.max(z(s?.username, "s"), z(s?.fullName)) : z(r?.signIn);
   return {
     actions: 192,
     project: i ? Math.min(d, 400) : 0,
     product: 64 + Math.max(z(o?.name), z(e.name, "s")) + 16,
-    nav: c,
+    nav: l,
     user: 64 + m + 16
   };
 }
@@ -1685,15 +1685,15 @@ function xn({
   measurements: e,
   screenWidth: t
 }) {
-  const { actions: i, nav: n, product: r, project: o, user: s } = e, a = 64, c = t - i - a > n, d = t - i - (c ? n : 0) - o - a > Math.min(r, 400), m = t - n - o - i - r < Math.min(s, 320);
+  const { actions: i, nav: n, product: r, project: o, user: s } = e, a = 64, l = t - i - a > n, d = t - i - (l ? n : 0) - o - a > Math.min(r, 400), m = t - n - o - i - r < Math.min(s, 320);
   return {
-    nav: c,
+    nav: l,
     product: d,
     user: m ? "avatar" : "full"
   };
 }
 const Ve = ' -type:"Code Attachment" -type:"Featured Items" -type:"Symbol Set" -type:"Color Set" -type:"Windows Viewer Add In" -type:"Windows Viewer Configuration" -type:"Map Area" -typekeywords:"MapAreaPackage" -type:"Indoors Map Configuration" -typekeywords:"SMX"';
-async function ke({
+async function Ae({
   portal: e,
   searchTerm: t
 }) {
@@ -1717,7 +1717,7 @@ async function Sn({
 }) {
   if (!e)
     return [];
-  const i = qt((t || "").substring(0, 409)), n = `${e?.id ? `accountid:"${e.id}"` : ""}${Ve}`, r = `${ce(e)}search/suggest`;
+  const i = qt((t || "").substring(0, 409)), n = `${e?.id ? `accountid:"${e.id}"` : ""}${Ve}`, r = `${le(e)}search/suggest`;
   return (await B(r, { query: {
     suggest: i,
     filters: n,
@@ -1725,13 +1725,13 @@ async function Sn({
     f: "json"
   } }))?.result?.results || [];
 }
-const In = St`:host{display:block;--arcgis-portal-navigation-logo-max-width: 260px;--arcgis-portal-navigation-logo-text-display: flex;--arcgis-portal-navigation-user-max-width: 260px;--arcgis-portal-navigation-user-text-display: block;--arcgis-portal-navigation-project-max-width: auto}.scrim{z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;--calcite-scrim-background: rgba(0, 0, 0, .85)}.scrim--active{opacity:1}.wrapper{background:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3);position:relative;z-index:200}.navigation{width:100%;min-width:0;min-height:4rem;display:flex;align-items:stretch;max-width:var(--arcgis-portal-navigation-max-width);margin-inline:auto;overflow:hidden}.navigation--loading .fade-in{opacity:0}.fade-in{opacity:1;transition:opacity ease-in-out .15s}.content-end{margin-inline-start:auto;display:flex;align-items:center}.content-end[hidden]{display:none}.action{height:100%;--calcite-internal-action-spacing: 1.25rem}.border-start{border-inline-start:1px solid var(--calcite-color-border-3)}.platform{--calcite-sheet-width: 24rem}.platform__container{display:flex;flex-direction:column;max-height:100%}.platform__header{display:flex;align-items:center}.platform__header-image{width:48px;height:48px;margin-inline-end:1rem}.platform__header-text{flex:1 1 auto;line-height:1.375}.platform__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium)}.platform__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-2)}.platform__panel{border-inline-end:1px solid var(--calcite-color-border-3);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.platform__tiles{margin:.75rem .75rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem}.platform__tabs{min-height:0;flex:1 1 auto;--calcite-tab-content-space-y: 0}.platform__tab{position:relative}.list{list-style:none;margin:0;padding:0}.list__container{position:relative}.list__header{display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);position:sticky;top:0;z-index:701}.list__search{flex:1 1 auto;--calcite-color-border-input: var(--calcite-color-foreground-1)}.list-item__link{display:block;box-sizing:border-box;width:100%;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1);outline-color:transparent;text-decoration:none;outline-offset:0;transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out,outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out}.list-item__link:hover{background-color:var(--calcite-color-transparent-hover)}.list-item__link:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus);outline-offset:-2px}.list-item:focus-within .list-item__container{border-bottom-color:transparent}.list-item__container{box-sizing:border-box;width:100%;padding-block:.5rem;padding-inline-start:0;padding-inline-end:.5rem;border-bottom:1px solid var(--calcite-color-border-3);display:flex;align-items:center;position:relative;pointer-events:none}.list-item__content{display:flex;flex-direction:column;justify-content:center;min-width:0}.list-item__logo{width:48px;height:48px;flex:0 0 auto;box-sizing:border-box;margin-inline-end:.5rem;justify-content:center;align-items:center;position:relative;display:flex}.list-item__logo-bg{position:absolute}.list-item__indicator{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--calcite-color-status-success);border:2px solid var(--calcite-color-foreground-1);z-index:50;top:.25rem;inset-inline-start:-.25rem}.list-item__abbr{color:#fff;font-weight:700;position:relative}.list-item__logo-empty{border:2px dashed var(--calcite-color-border-3);border-radius:8px}.list-item__logo--item-type{background-color:var(--calcite-color-background);display:flex;justify-content:center;align-items:center}.list-item__title{display:block;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);font-weight:500;word-wrap:break-word}.list-item__title--regular{font-weight:400;padding-top:.25rem}.list-item__title--large{font-size:var(--calcite-font-size-0);line-height:1}.list-item__subtitle{display:block;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-3);font-weight:500;padding-top:.25rem;padding-bottom:.25rem}.list-item__subtitle--large{font-size:var(--calcite-font-size--1);font-weight:400;padding:0}.list-item__chip{margin-inline-start:auto;--calcite-chip-background-color: var(--calcite-color-foreground-current)}.app--hidden{--calcite-list-background-color: var(--calcite-color-background)}.app--hidden .list-item__logo{opacity:.4}.logo{border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-logo-max-width);display:flex;align-items:center}.logo--link{text-decoration:none}.logo--link:hover{background-color:var(--calcite-color-transparent-hover)}.logo--link:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.logo__glyph{width:32px;height:32px;padding-inline:1rem}.logo__text{display:var(--arcgis-portal-navigation-logo-text-display);flex-direction:column;overflow:hidden;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline);padding-inline-end:1rem}.logo__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.25rem;text-overflow:ellipsis;overflow:hidden}.logo__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);font-size:.875rem;line-height:1rem;text-overflow:ellipsis;overflow:hidden}.site-nav{margin-inline-start:1.5rem}.project{min-width:0;outline:none;border:none;border-inline-end:1px solid var(--calcite-color-border-3);cursor:pointer;background-color:var(--calcite-color-foreground-1);box-sizing:border-box;display:flex;user-select:none;appearance:none;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;outline-color:transparent;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;inset-inline-end:.25rem;background:transparent;white-space:nowrap;padding:0 1.375rem;flex-grow:2}.project:hover{background-color:var(--calcite-color-transparent-hover)}.project:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.project__title{display:flex;justify-self:stretch;min-width:0;align-items:center;justify-content:center;padding:0 1.5rem;margin-inline-end:1.5rem;color:var(--calcite-color-text-1);border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-project-max-width, 60%)}.project__title__header{padding:0;margin:0;font-size:1rem;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project__dropdown{max-width:var(--arcgis-portal-navigation-project-max-width, 60%);min-width:0;margin-inline-end:1.5rem}.project__indicator{margin-inline-end:.5rem;--calcite-ui-icon-color: var(--calcite-color-status-danger)}.project__menu-icon{margin-inline-end:.75rem}.project__text{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-inline-end:.75rem}.rename{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.rename__action{margin-inline-end:.5rem;display:flex;align-items:center}.rename__input{margin-inline-end:.5rem;display:block;width:100%}.search{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.search__action{margin-inline-end:.5rem;display:flex;align-items:center}.search__input{margin-inline-end:.5rem;display:block;width:100%}.suggestions__header{display:flex;align-items:center;width:var(--calcite-popover-max-size-x);box-sizing:border-box;padding:.75rem 1rem;border-bottom:1px solid var(--calcite-color-border-3)}.suggestions__title{padding:0;margin:0;font-weight:500;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-1);flex:1 1 0}.suggestions__search-type{--calcite-popover-max-size-x: 320px}.suggestions__search-type__icon{vertical-align:-.2rem}.suggestions__footer{display:flex;align-items:center;justify-content:center;padding:1rem}.notifications{width:min(24rem,80vw)}.notifications--full:after{content:"";display:block;border-top:1px solid var(--calcite-color-border-3);margin-left:1rem}.notifications__list{max-height:min(18rem,80vh);overflow:auto;box-sizing:border-box;width:100%}.notifications--empty{padding:2rem}.empty{padding:1rem;text-align:center;color:var(--calcite-color-text-3);--calcite-icon-color: var(--calcite-color-status-success-hover)}.empty__header{margin:0;padding:.75rem 0 0;color:var(--calcite-color-text-1);font-weight:500;font-size:var(--calcite-font-size-1)}.empty__text{margin:0;padding:0;color:var(--calcite-color-text-3);font-weight:400;font-size:var(--calcite-font-size-0)}.notification{display:flex;flex-direction:column;padding:.5rem}.notification__message{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);--calcite-color-brand-underline: transparent}.notification__date{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-0)}.notifications__dismiss{margin-inline-start:auto;margin-inline-end:1rem;margin-block:.5rem}.user{display:flex;max-width:var(--arcgis-portal-navigation-user-max-width);--calcite-dropdown-item-text-color: var(--calcite-color-text-3);--calcite-dropdown-group-title-text-color: var(--calcite-color-text-2)}.user__dropdown{max-width:100%}.user__button{max-width:100%;--calcite-spacing-base: -2px}.user__button__contents{display:flex;text-align:start}.user__button__text{display:var(--arcgis-portal-navigation-user-text-display);flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375;overflow:hidden}.user__button__avatar{flex:0 0 auto}.user__button__full,.user__button__username{max-width:100%;overflow:hidden;text-overflow:ellipsis}.user__top{display:flex;padding:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.user__top__avatar{flex:0 0 auto}.user__top__text{box-sizing:border-box;word-wrap:break-word;flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375}.user__full{font-size:1rem;font-weight:medium;color:var(--calcite-colot-text-1);line-height:1.25;padding:0;margin:0}.user__username{font-size:.875rem;line-height:1.25;color:var(--calcite-colot-text-2);padding:0;margin:0}`;
+const In = St`:host{display:block;--arcgis-portal-navigation-logo-max-width: 260px;--arcgis-portal-navigation-logo-text-display: flex;--arcgis-portal-navigation-user-max-width: 260px;--arcgis-portal-navigation-user-text-display: block;--arcgis-portal-navigation-project-max-width: auto}.scrim{z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;--calcite-scrim-background: rgba(0, 0, 0, .85)}.scrim--active{opacity:1}.wrapper{background:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3);position:relative;z-index:200}.navigation{width:100%;min-width:0;min-height:4rem;display:flex;align-items:stretch;max-width:var(--arcgis-portal-navigation-max-width);margin-inline:auto;overflow:hidden}.navigation--loading .fade-in{opacity:0}.fade-in{opacity:1;transition:opacity ease-in-out .15s}.content-end{margin-inline-start:auto;display:flex;align-items:center}.content-end[hidden]{display:none}.action{height:100%;--calcite-internal-action-spacing: 1.25rem}.border-start{border-inline-start:1px solid var(--calcite-color-border-3)}.platform{--calcite-sheet-width: 24rem}.platform__container{display:flex;flex-direction:column;max-height:100%}.platform__header{display:flex;align-items:center}.platform__header-image{width:48px;height:48px;margin-inline-end:1rem}.platform__header-text{flex:1 1 auto;line-height:1.375}.platform__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium)}.platform__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-2)}.platform__panel{border-inline-end:1px solid var(--calcite-color-border-3);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.platform__tiles{margin:.75rem .75rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem}.platform__tabs{min-height:0;flex:1 1 auto;--calcite-tab-content-space-y: 0}.platform__tab{position:relative}.list{list-style:none;margin:0;padding:0}.list__container{position:relative}.list__header{display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);position:sticky;top:0;z-index:701}.list__search{flex:1 1 auto;--calcite-color-border-input: var(--calcite-color-foreground-1)}.list-item__link{display:block;box-sizing:border-box;width:100%;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1);outline-color:transparent;text-decoration:none;outline-offset:0;transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out,outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out}.list-item__link:hover{background-color:var(--calcite-color-transparent-hover)}.list-item__link:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus);outline-offset:-2px}.list-item:focus-within .list-item__container{border-bottom-color:transparent}.list-item__container{box-sizing:border-box;width:100%;padding-block:.5rem;padding-inline-start:0;padding-inline-end:.5rem;border-bottom:1px solid var(--calcite-color-border-3);display:flex;align-items:center;position:relative;pointer-events:none}.list-item__content{display:flex;flex-direction:column;justify-content:center;min-width:0}.list-item__logo{width:48px;height:48px;flex:0 0 auto;box-sizing:border-box;margin-inline-end:.5rem;justify-content:center;align-items:center;position:relative;display:flex}.list-item__logo-bg{position:absolute}.list-item__indicator{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--calcite-color-status-success);border:2px solid var(--calcite-color-foreground-1);z-index:50;top:.25rem;inset-inline-start:-.25rem}.list-item__abbr{color:#fff;font-weight:700;position:relative}.list-item__logo-empty{border:2px dashed var(--calcite-color-border-3);border-radius:8px}.list-item__logo--item-type{background-color:var(--calcite-color-background);display:flex;justify-content:center;align-items:center}.list-item__title{display:block;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);font-weight:500;word-wrap:break-word}.list-item__title--regular{font-weight:400;padding-top:.25rem}.list-item__title--large{font-size:var(--calcite-font-size-0);line-height:1}.list-item__subtitle{display:block;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-3);font-weight:500;padding-top:.25rem;padding-bottom:.25rem}.list-item__subtitle--large{font-size:var(--calcite-font-size--1);font-weight:400;padding:0}.list-item__chip{margin-inline-start:auto;--calcite-chip-background-color: var(--calcite-color-foreground-current)}.app--hidden{--calcite-list-background-color: var(--calcite-color-background)}.app--hidden .list-item__logo{opacity:.4}.logo{border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-logo-max-width);display:flex;align-items:center}.logo--link{text-decoration:none}.logo--link:hover{background-color:var(--calcite-color-transparent-hover)}.logo--link:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.logo__glyph{width:32px;height:32px;padding-inline:1rem}.logo__text{display:var(--arcgis-portal-navigation-logo-text-display);flex-direction:column;overflow:hidden;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline);padding-inline-end:1rem}.logo__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.25rem;text-overflow:ellipsis;overflow:hidden}.logo__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);font-size:.875rem;line-height:1rem;text-overflow:ellipsis;overflow:hidden}.site-nav{margin-inline-start:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{height:4rem;display:flex;align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-line{width:auto;height:.75rem;color:transparent;background:var(--calcite-color-foreground-3);border-radius:.5rem;margin:0 1rem;line-height:1}.project{min-width:0;outline:none;border:none;border-inline-end:1px solid var(--calcite-color-border-3);cursor:pointer;background-color:var(--calcite-color-foreground-1);box-sizing:border-box;display:flex;user-select:none;appearance:none;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;outline-color:transparent;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;inset-inline-end:.25rem;background:transparent;white-space:nowrap;padding:0 1.375rem;flex-grow:2}.project:hover{background-color:var(--calcite-color-transparent-hover)}.project:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.project__title{display:flex;justify-self:stretch;min-width:0;align-items:center;justify-content:center;padding:0 1.5rem;margin-inline-end:1.5rem;color:var(--calcite-color-text-1);border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-project-max-width, 60%)}.project__title__header{padding:0;margin:0;font-size:1rem;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project__dropdown{max-width:var(--arcgis-portal-navigation-project-max-width, 60%);min-width:0;margin-inline-end:1.5rem}.project__indicator{margin-inline-end:.5rem;--calcite-ui-icon-color: var(--calcite-color-status-danger)}.project__menu-icon{margin-inline-end:.75rem}.project__text{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-inline-end:.75rem}.rename{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.rename__action{margin-inline-end:.5rem;display:flex;align-items:center}.rename__input{margin-inline-end:.5rem;display:block;width:100%}.search{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.search__action{margin-inline-end:.5rem;display:flex;align-items:center}.search__input{margin-inline-end:.5rem;display:block;width:100%}.suggestions__header{display:flex;align-items:center;width:var(--calcite-popover-max-size-x);box-sizing:border-box;padding:.75rem 1rem;border-bottom:1px solid var(--calcite-color-border-3)}.suggestions__title{padding:0;margin:0;font-weight:500;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-1);flex:1 1 0}.suggestions__search-type{--calcite-popover-max-size-x: 320px}.suggestions__search-type__icon{vertical-align:-.2rem}.suggestions__footer{display:flex;align-items:center;justify-content:center;padding:1rem}.notifications{width:min(24rem,80vw)}.notifications--full:after{content:"";display:block;border-top:1px solid var(--calcite-color-border-3);margin-left:1rem}.notifications__list{max-height:min(18rem,80vh);overflow:auto;box-sizing:border-box;width:100%}.notifications--empty{padding:2rem}.empty{padding:1rem;text-align:center;color:var(--calcite-color-text-3);--calcite-icon-color: var(--calcite-color-status-success-hover)}.empty__header{margin:0;padding:.75rem 0 0;color:var(--calcite-color-text-1);font-weight:500;font-size:var(--calcite-font-size-1)}.empty__text{margin:0;padding:0;color:var(--calcite-color-text-3);font-weight:400;font-size:var(--calcite-font-size-0)}.notification{display:flex;flex-direction:column;padding:.5rem}.notification__message{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);--calcite-color-brand-underline: transparent}.notification__date{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-0)}.notifications__dismiss{margin-inline-start:auto;margin-inline-end:1rem;margin-block:.5rem}.user{display:flex;max-width:var(--arcgis-portal-navigation-user-max-width);--calcite-dropdown-item-text-color: var(--calcite-color-text-3);--calcite-dropdown-group-title-text-color: var(--calcite-color-text-2)}.user__dropdown{max-width:100%}.user__button{max-width:100%;--calcite-spacing-base: -2px}.user__button__contents{display:flex;text-align:start;align-items:center}.user__button__text{display:var(--arcgis-portal-navigation-user-text-display);flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375;overflow:hidden}.user__button__avatar{flex:0 0 auto}.user__button__full,.user__button__username{max-width:100%;overflow:hidden;text-overflow:ellipsis}.user__top{display:flex;padding:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.user__top__avatar{flex:0 0 auto}.user__top__text{box-sizing:border-box;word-wrap:break-word;flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375}.user__full{font-size:1rem;font-weight:medium;color:var(--calcite-colot-text-1);line-height:1.25;padding:0;margin:0}.user__username{font-size:.875rem;line-height:1.25;color:var(--calcite-colot-text-2);padding:0;margin:0}`;
 function Pn({ messages: e, portal: t, showNav: i, openPlatformMenu: n, handleToggleSearch: r }) {
-  return !e || i && !t?.user ? null : l`<calcite-action .label=${e.applicationMenu} text="app switcher" icon=app-launcher scale=l class="action" @click=${n} @focusin=${() => r(!1, !0)}></calcite-action>`;
+  return !e || i && !t?.user ? null : c`<calcite-action .label=${e.applicationMenu} text="app switcher" icon=app-launcher scale=l class="action" @click=${n} @focusin=${() => r(!1, !0)}></calcite-action>`;
 }
-class Nn extends At {
+class Nn extends kt {
   constructor() {
-    super(...arguments), this.messages = kt({ blocking: !0 }), this.originalRecentContent = [], this.refreshNotifications = async () => {
+    super(...arguments), this.messages = At({ blocking: !0 }), this.originalRecentContent = [], this.refreshNotifications = async () => {
       const { portal: t, messages: i } = this;
       this.notifications = await be({ portal: t, locale: i._t9nLocale, t9n: i.notifications });
     }, this.deleteNotifications = async (t) => {
@@ -1799,7 +1799,7 @@ class Nn extends At {
     }, this.handleItemSearch = (t) => {
       this.recentContentLoading = !0, this.recentContentSearchTerm = t, this.debouncedItemSearch(t);
     }, this.debouncedItemSearch = fe(async (t) => {
-      this.recentContent = await ke({ portal: this.portal, searchTerm: t }), this.recentContentLoading = !1, t || (this.originalRecentContent = [...this.recentContent]);
+      this.recentContent = await Ae({ portal: this.portal, searchTerm: t }), this.recentContentLoading = !1, t || (this.originalRecentContent = [...this.recentContent]);
     }, 1e3), this.debouncedSuggest = fe(async (t) => {
       this.suggestions = await Sn({ portal: this.portal, searchTerm: t });
     }, 1e3), this.handleSearch = (t) => {
@@ -1839,15 +1839,21 @@ class Nn extends At {
     }));
   }
   willUpdate(t) {
-    (t.has("product") || t.has("clientId")) && this.hasUpdated && (this.productInfo = Ae({ product: this.product, clientId: this.clientId, portal: this.portal }));
+    (t.has("product") || t.has("clientId")) && this.hasUpdated && (this.productInfo = ke({ product: this.product, clientId: this.clientId, portal: this.portal }));
   }
   firstUpdated() {
     this.el && this.#e && (this.#e.observe(this.el), this.screenWidth = window.innerWidth);
   }
   async loaded() {
+    this.fetchData();
+  }
+  disconnectedCallback() {
+    this.#e?.disconnect(), this.#e = void 0, document.documentElement.style.overflow = this.initialDocumentOverflowStyle, super.disconnectedCallback();
+  }
+  async fetchData() {
     const { portal: t, messages: i, clientId: n, product: r } = this;
-    this.calculateMeasurements(), this.productInfo = Ae({ product: r, clientId: n, portal: t }), this.platformInfo = _n({ clientId: n, portal: t }), this.userLinks = un({ portal: t, messages: i.user, clientId: n }), this.notifications = await be({ portal: t, locale: i._t9nLocale, t9n: i.notifications }), this.recentContent = await ke({ portal: t }), this.originalRecentContent = [...this.recentContent], this.recentContentLoading = !1;
-    const { apps: o, hiddenApps: s, signInSettings: a, licenses: c, userProperties: d } = await Oi({
+    this.calculateMeasurements(), this.productInfo = ke({ product: r, clientId: n, portal: t }), this.platformInfo = _n({ clientId: n, portal: t }), this.userLinks = un({ portal: t, messages: i.user, clientId: n }), this.notifications = await be({ portal: t, locale: i._t9nLocale, t9n: i.notifications }), this.recentContent = await Ae({ portal: t }), this.originalRecentContent = [...this.recentContent], this.recentContentLoading = !1;
+    const { apps: o, hiddenApps: s, signInSettings: a, licenses: l, userProperties: d } = await Oi({
       portal: t,
       trackViewerEnabled: !this.disableTrackViewer,
       notebookServerEnabled: !this.disableNotebookServer
@@ -1855,18 +1861,15 @@ class Nn extends At {
     this.infoBanner = m?.informationalBanner, this.userProperties = d, this.apps = o, this.hiddenApps = s, this.sortedApps = o, this.previousAppState = { apps: o, hiddenApps: s }, this.appsLoading = !1, this.links = Gi({
       portal: t,
       messages: i.links,
-      licenses: c,
+      licenses: l,
       clientId: n,
       signInSettings: a
     }), this.calculateMeasurements();
   }
-  disconnectedCallback() {
-    this.#e?.disconnect(), this.#e = void 0, document.documentElement.style.overflow = this.initialDocumentOverflowStyle, super.disconnectedCallback();
-  }
   calculateMeasurements() {
     const { links: t, messages: i, portal: n, product: r, productInfo: o, projectTitle: s } = this;
     if (n) {
-      const a = kn({
+      const a = An({
         portal: n,
         product: r,
         productInfo: o,
@@ -1885,8 +1888,8 @@ class Nn extends At {
     }
   }
   render() {
-    const { accountSwitcherOpen: t, apps: i, appsLoading: n, appsSearchTerm: r, currentPathname: o, handleAppCancel: s, handleAppDelete: a, handleAppHide: c, handleAppReorder: d, handleAppSave: m, handleItemSearch: g, handlePlatformClose: p, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, hiddenApps: I, infoBanner: P, links: f, messages: h, navigate: u, notifications: v, notificationsActive: N, notificationDeleteProgress: y, openAccountSwitcher: b, platformInfo: A, portal: k, portalItem: C, product: O, productInfo: x, productHref: j, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, handleProjectTitleCancel: Ke, handleToggleNotifications: he, openProjectTitleEdit: Qe, openPlatformMenu: Xe, platformMenuOpen: Ye, projectTitleEditing: Q, projectTitleSaving: Ze, projectTitleErrorMessage: et, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, userLinks: ut, searchActive: R, searchTerm: dt, searchType: pt, searchInput: ht, searchAction: mt, searchPopover: ft, showNav: X, showProduct: gt, showUser: bt, suggestions: vt } = this, _t = k?.user, wt = pe(O) && !f?.length || !this.measurements;
-    return l`<calcite-scrim class=${te({ scrim: !0, "scrim--active": R })}></calcite-scrim><div class="wrapper" style=${xe({ "--arcgis-portal-navigation-max-width": this.maxWidth ? `${this.maxWidth}px` : "100%" })}><arcgis-portal-info-banner .config=${P}></arcgis-portal-info-banner>${k?.isPortal && C?.loaded && l`<arcgis-portal-classification-banner .portalItem=${C}></arcgis-portal-classification-banner>` || ""}<header class=${te({ navigation: !0, "navigation--loading": wt })}>${Pn({ messages: h?.platform, portal: k, showNav: X, openPlatformMenu: Xe, handleToggleSearch: $ })}${gt && Jt({ navigate: u, portal: k, product: O, productInfo: x, productHref: j, messages: h?.logo, showNav: X, searchActive: R, projectTitleEditing: Q }) || ""}${Zi({ navigate: u, portal: k, portalItem: C, messages: h?.project, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, openProjectTitleEdit: Qe, projectTitleErrorMessage: et, handleProjectTitleCancel: Ke, projectTitleEditing: Q, projectTitleSaving: Ze, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st })}${X && an({ searchActive: R, navigate: u, portal: k, product: O, messages: h?.links, links: f, currentPathname: o }) || ""}<div slot=content-end class="content-end fade-in" .hidden=${Q || R}><slot name=content-end></slot></div>${on({ currentPathname: o, navigate: u, portal: k, product: O, messages: h?.search, searchActive: R, searchType: pt, searchTerm: dt, suggestions: vt, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, searchInputRef: ht, searchActionRef: mt, searchPopoverRef: ft })}${_t ? l`<div class="border-start fade-in">${ni({ notifications: v, notificationsActive: N, messages: h?.notifications, handleToggleNotifications: he, handleToggleSearch: $ })}${ri({ notificationsActive: N, notifications: v, navigate: u, portal: k, deleteNotifications: this.deleteNotifications, handleToggleNotifications: he, messages: h?.notifications, notificationDeleteProgress: y })}</div>${cn({ portal: k, userLinks: ut, openAccountSwitcher: k?.isPortal ? void 0 : b, signOut: this.signOut, messages: h?.user, textDisabled: bt === "avatar", navigate: u })}` : sn({ messages: h.user, signIn: this.signIn })}</header>${Ji({ locale: h._t9nLocale, navigate: u, portal: k, product: O, platformInfo: A, messages: h?.platform, apps: i, appsLoading: n, hiddenApps: I, appsSearchTerm: r, editingApplications: this.editingApplications, open: Ye, links: f, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, handlePlatformClose: p, handleAppReorder: d, handleAppEdit: () => this.editingApplications = !0, handleAppDelete: a, handleAppsSearch: (yt) => this.appsSearchTerm = yt, handleAppSave: m, handleAppCancel: s, handleAppHide: c, handleItemSearch: g })}${t && l`<arcgis-portal-account-switcher .portal=${k} @arcgisClose=${() => {
+    const { accountSwitcherOpen: t, apps: i, appsLoading: n, appsSearchTerm: r, currentPathname: o, handleAppCancel: s, handleAppDelete: a, handleAppHide: l, handleAppReorder: d, handleAppSave: m, handleItemSearch: g, handlePlatformClose: p, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, hiddenApps: I, infoBanner: P, links: f, messages: h, navigate: u, notifications: v, notificationsActive: N, notificationDeleteProgress: y, openAccountSwitcher: b, platformInfo: k, portal: A, portalItem: C, product: O, productInfo: x, productHref: j, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, handleProjectTitleCancel: Ke, handleToggleNotifications: he, openProjectTitleEdit: Qe, openPlatformMenu: Xe, platformMenuOpen: Ye, projectTitleEditing: X, projectTitleSaving: Ze, projectTitleErrorMessage: et, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, userLinks: ut, searchActive: R, searchTerm: dt, searchType: pt, searchInput: ht, searchAction: mt, searchPopover: ft, showNav: Y, showProduct: gt, showUser: bt, suggestions: vt } = this, _t = A?.user, wt = K(O) && !f?.length || !this.measurements;
+    return c`<calcite-scrim class=${ie({ scrim: !0, "scrim--active": R })}></calcite-scrim><div class="wrapper" style=${xe({ "--arcgis-portal-navigation-max-width": this.maxWidth ? `${this.maxWidth}px` : "100%" })}><arcgis-portal-info-banner .config=${P}></arcgis-portal-info-banner>${A?.isPortal && C?.loaded && c`<arcgis-portal-classification-banner .portalItem=${C}></arcgis-portal-classification-banner>` || ""}<header class=${ie({ navigation: !0, "navigation--loading": wt })}>${Pn({ messages: h?.platform, portal: A, showNav: Y, openPlatformMenu: Xe, handleToggleSearch: $ })}${gt && Jt({ navigate: u, portal: A, product: O, productInfo: x, productHref: j, messages: h?.logo, showNav: Y, searchActive: R, projectTitleEditing: X }) || ""}${Zi({ navigate: u, portal: A, portalItem: C, messages: h?.project, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, openProjectTitleEdit: Qe, projectTitleErrorMessage: et, handleProjectTitleCancel: Ke, projectTitleEditing: X, projectTitleSaving: Ze, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st })}${Y && an({ searchActive: R, navigate: u, portal: A, product: O, messages: h?.links, links: f, currentPathname: o }) || ""}<div slot=content-end class="content-end fade-in" .hidden=${X || R}><slot name=content-end></slot></div>${on({ currentPathname: o, navigate: u, portal: A, product: O, messages: h?.search, searchActive: R, searchType: pt, searchTerm: dt, suggestions: vt, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, searchInputRef: ht, searchActionRef: mt, searchPopoverRef: ft })}${_t ? c`<div class="border-start">${ni({ notifications: v, notificationsActive: N, messages: h?.notifications, handleToggleNotifications: he, handleToggleSearch: $ })}${ri({ notificationsActive: N, notifications: v, navigate: u, portal: A, deleteNotifications: this.deleteNotifications, handleToggleNotifications: he, messages: h?.notifications, notificationDeleteProgress: y })}</div>${cn({ portal: A, userLinks: ut, openAccountSwitcher: A?.isPortal ? void 0 : b, signOut: this.signOut, messages: h?.user, textDisabled: bt === "avatar", navigate: u })}` : sn({ messages: h.user, signIn: this.signIn })}</header>${Ji({ locale: h._t9nLocale, navigate: u, portal: A, product: O, platformInfo: k, messages: h?.platform, apps: i, appsLoading: n, hiddenApps: I, appsSearchTerm: r, editingApplications: this.editingApplications, open: Ye, links: f, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, handlePlatformClose: p, handleAppReorder: d, handleAppEdit: () => this.editingApplications = !0, handleAppDelete: a, handleAppsSearch: (yt) => this.appsSearchTerm = yt, handleAppSave: m, handleAppCancel: s, handleAppHide: l, handleItemSearch: g })}${t && c`<arcgis-portal-account-switcher .portal=${A} @arcgisClose=${() => {
       this.accountSwitcherOpen = !1;
     }}></arcgis-portal-account-switcher>` || ""}</div>`;
   }