@arcgis/portal-components 5.2.0-next.50 → 5.2.0-next.52

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

@@ -1,34 +1,34 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as te, c as lt } from "../../chunks/runtime.js";
-import { html as c, svg as ut, nothing as M, css as dt } from "lit";
-import { safeStyleMap as pt, safeClassMap as oe, LitElement as ht, createEvent as H } from "@arcgis/lumina";
+import { g as te, c as dt } from "../../chunks/runtime.js";
+import { html as l, svg as pt, nothing as L, css as ht } from "lit";
+import { safeStyleMap as _e, safeClassMap as oe, LitElement as mt, createEvent as q } from "@arcgis/lumina";
 import { u as ft } from "../../chunks/useT9n.js";
-import { formatDate as mt, substitute as K, getLocale as gt } from "@arcgis/core/intl.js";
-import { b as Q, d as bt, e as se, n as vt, g as ae, f as q, a as wt } from "../../chunks/portal.js";
-import { r as D } from "../../chunks/requests.js";
-import { repeat as j } from "lit/directives/repeat.js";
+import { formatDate as gt, substitute as Q, getLocale as bt } from "@arcgis/core/intl.js";
+import { b as W, d as vt, e as se, n as wt, g as ae, f as J, a as yt } from "../../chunks/portal.js";
+import { r as U } from "../../chunks/requests.js";
+import { repeat as G } from "lit/directives/repeat.js";
 import { m as _t } from "../../chunks/icons.js";
-import { i as C, c as he, a as yt } from "../../chunks/user.js";
+import { i as M, c as he, a as $t } from "../../chunks/user.js";
 import "@arcgis/core/portal/Portal.js";
-import { a as $t, b as At, c as kt, d as St, e as It } from "../../chunks/portal2.js";
-import { d as xt, e as Pt, h as Tt, i as Nt } from "../../chunks/user2.js";
-import { i as ye, a as Ct } from "../../chunks/utils.js";
-import { g as $e } from "../../chunks/item.js";
+import { a as At, b as kt, c as St, d as It, e as xt } from "../../chunks/portal2.js";
+import { d as Pt, e as Tt, h as Nt, i as Ct } from "../../chunks/user2.js";
+import { i as $e, a as Mt } from "../../chunks/utils.js";
+import { g as Ae } from "../../chunks/item.js";
 import { keyed as ce } from "lit/directives/keyed.js";
-import { ref as F, createRef as U } from "lit/directives/ref.js";
-import { c as Mt, g as Lt } from "../../chunks/dom.js";
-import { debounce as fe } from "@arcgis/toolkit/function";
+import { ref as F, createRef as B } from "lit/directives/ref.js";
+import { c as Lt, g as Et } from "../../chunks/dom.js";
+import { debounce as me } from "@arcgis/toolkit/function";
 import Ot from "@arcgis/core/identity/IdentityManager.js";
-import { t as Et } from "../../chunks/functionalities.js";
-import { c as jt } from "../../chunks/string.js";
-function Dt({ navigate: e, portal: t, product: i, productInfo: n, productHref: r, messages: o, searchActive: s, showNav: a, projectTitleEditing: u }) {
-  const f = s && i === "Online" && !a || i !== "Online" && u && window.innerWidth < 960;
-  if (!i || !t || !o || f)
+import { t as jt } from "../../chunks/functionalities.js";
+import { c as Dt } from "../../chunks/string.js";
+function Gt({ navigate: e, portal: t, product: i, productInfo: n, productHref: r, messages: o, searchActive: s, showNav: a, projectTitleEditing: c }) {
+  const h = s && i === "Online" && !a || i !== "Online" && c && window.innerWidth < 960;
+  if (!i || !t || !o || h)
     return null;
-  const { name: m, glyph: v } = n || {};
-  return c`<calcite-navigation-logo class="logo fade-in" .heading=${m} .description=${t.name || ""} .href=${r} @click=${r ? (d) => {
+  const { name: f, glyph: g } = n || {};
+  return l`<calcite-navigation-logo class="logo fade-in" .heading=${f} .description=${t.name || ""} .href=${r} @click=${r ? (d) => {
     e({ event: d, href: r });
-  } : void 0} .thumbnail=${v}></calcite-navigation-logo>`;
+  } : void 0} .thumbnail=${g}></calcite-navigation-logo>`;
 }
 const Z = {}, N = {
   Month: 2628e3,
@@ -38,7 +38,7 @@ const Z = {}, N = {
   Minute: 60,
   Second: 1
 };
-function Ae(e) {
+function ke(e) {
   if (!e)
     return null;
   const t = Math.floor(e / 1e3), i = Math.abs(t), n = N.Day * 365;
@@ -59,22 +59,22 @@ function Ae(e) {
       return [Math.floor(t / n), "year"];
   }
 }
-function ke(e) {
+function Se(e) {
   return (typeof e == "number" ? e : e.getTime?.()) - (/* @__PURE__ */ new Date()).getTime();
 }
-function Se({ locale: e, time: t, t9n: i }) {
+function Ie({ locale: e, time: t, t9n: i }) {
   if (!e || !t)
     return "";
-  const n = ke(t);
+  const n = Se(t);
   Z[e] ??= new Intl.RelativeTimeFormat(e, { style: "long" });
-  const r = Ae(n);
+  const r = ke(n);
   return r ? r[1] === "second" ? i?.lessThanOneMinute || `< ${Z[e].format(r[0] > 0 ? 1 : -1, "minutes")}` : Z[e].format(r[0], r[1]) : "";
 }
-const Gt = {
+const Ut = {
   month: "long",
   day: "numeric",
   year: "numeric"
-}, Ut = {
+}, Bt = {
   month: "long",
   day: "numeric"
 };
@@ -82,28 +82,28 @@ function Ft({ locale: e, time: t }, i) {
   if (!e || !t)
     return "";
   const n = new Date(t);
-  return mt(n, i ? Gt : Ut);
+  return gt(n, i ? Ut : Bt);
 }
-async function Bt({ portal: e }) {
+async function zt({ portal: e }) {
   if (!e?.user)
     return { result: [] };
-  const t = `${e.restUrl}/community/users/${e.user.id}/notifications`, { result: i, error: n } = await D(t);
+  const t = `${e.restUrl}/community/users/${e.user.id}/notifications`, { result: i, error: n } = await U(t);
   return n ? { error: n } : { result: i?.notifications };
 }
-async function zt(e, t) {
+async function Wt(e, t) {
   if (!e?.user)
     return { success: !0 };
-  const i = t.map((o) => ({ portal: e, id: o })).map(Ie);
+  const i = t.map((o) => ({ portal: e, id: o })).map(xe);
   return { success: !((await Promise.allSettled(i))?.filter((o) => o.status === "rejected" || !o.value?.success)).length };
 }
-async function Ie({
+async function xe({
   portal: e,
   id: t
 }) {
-  const i = `${e.restUrl}/community/users/${e.user?.id}/notifications/${t}/delete`, { result: n } = await D(i, { method: "post" });
+  const i = `${e.restUrl}/community/users/${e.user?.id}/notifications/${t}/delete`, { result: n } = await U(i, { method: "post" });
   return n?.success ? { success: !0, id: t } : { success: !1, id: t };
 }
-const xe = "notifications-menu";
+const Pe = "notifications-menu";
 function Rt(e) {
   try {
     const t = decodeURIComponent(e);
@@ -112,7 +112,7 @@ function Rt(e) {
     return e;
   }
 }
-function Wt(e) {
+function Vt(e) {
   switch (e) {
     case "group_join_admin":
       return "users";
@@ -167,7 +167,7 @@ function Wt(e) {
       return "bell";
   }
 }
-function Vt({
+function Ht({
   notification: e,
   portal: t,
   locale: i,
@@ -175,74 +175,80 @@ function Vt({
 }) {
   if (e?.received && e.id) {
     const r = {
-      date: Se({ locale: i, time: e.received, t9n: n }),
+      date: Ie({ locale: i, time: e.received, t9n: n }),
       id: e.id,
       text: "",
-      icon: Wt(e.type)
+      icon: Vt(e.type)
     };
     if (e.type === "webapp_not_copied" && t.isPortal && (e.type = "webapp_not_copied_portal"), e.data?.taskTitle && (e.data.taskTitle = Rt(e.data.taskTitle)), e.type === "message_received")
       r.text = e.data.message || "";
     else if (n.types[e.type]) {
-      const o = Q({ portal: t, usePortalHostname: !!t.user });
-      e.data.baseUrl = `${o}/home/`, r.text = K(n.types[e.type], e.data);
+      const o = W({ portal: t, usePortalHostname: !!t.user });
+      e.data.baseUrl = `${o}/home/`, r.text = Q(n.types[e.type], e.data);
     }
     if (r.text)
       return r;
   }
   return null;
 }
-async function me({
+async function fe({
   portal: e,
   locale: t,
   t9n: i
 }) {
   if (!i)
     return [];
-  const { result: n, error: r } = await Bt({ portal: e });
-  return r && console.error(r), n?.length ? n.map((s) => Vt({ notification: s, portal: e, t9n: i, locale: t })).filter((s) => s) : [];
+  const { result: n, error: r } = await zt({ portal: e });
+  return r && console.error(r), n?.length ? n.map((s) => Ht({ notification: s, portal: e, t9n: i, locale: t })).filter((s) => s) : [];
 }
-function Ht({ notifications: e, messages: t }) {
-  return t ? c`<calcite-action class="action" scale=l .text=${t.label} icon=bell .indicator=${!!e?.length} id=${xe}></calcite-action>` : null;
+function qt({ notifications: e, messages: t }) {
+  return t ? l`<calcite-action class="action" scale=l .text=${t.label} icon=bell .indicator=${!!e?.length} id=${Pe}></calcite-action>` : null;
 }
-function J({ icon: e, title: t, description: i }) {
-  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>${ut`<path d=${_t[e] ?? M} 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 K({ 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>${pt`<path d=${_t[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>`;
 }
-function qt({ notifications: e, deleteNotifications: t, messages: i, notificationDeleteProgress: n }) {
-  return i ? c`<calcite-popover .referenceElement=${xe} .label=${i.label} auto-close pointer-disabled flip-disabled placement=bottom-end scale=l .heading=${i.label}>${e?.length > 0 ? c`<div class="notifications notifications--full">${typeof n == "number" && c`<calcite-scrim><calcite-loader type=determinate-value .label=${i.deleting} .value=${n}></calcite-loader></calcite-scrim>` || ""}<calcite-list .label=${i.label} interaction-mode=static class="notifications__list" scale=l>${j(e, (r) => r.id, (r) => c`<calcite-list-item closable @calciteListItemClose=${async () => await t([r.id])} .messageOverrides=${{ close: i.dismissLabel }} .iconStart=${r.icon}><div slot=content class="notification"><div class="notification__message" .innerHTML=${r.text ?? ""}></div><div class="notification__date">${r.date}</div></div></calcite-list-item>`)}</calcite-list></div><calcite-button class="notifications__dismiss" scale=l appearance=transparent @click=${async (r) => {
-    const o = r.currentTarget?.parentElement;
-    await t(e?.map(({ id: s }) => s)), o.open = !1;
-  }}>${i.dismissAllLabel}</calcite-button>` : c`<div class="notifications">${J({ title: i.noNotifications, description: i.noNotificationsDescription, icon: "check" })}</div>`}</calcite-popover>` : null;
+function Jt({ notifications: e, deleteNotifications: t, messages: i, navigate: n, portal: r, notificationDeleteProgress: o }) {
+  return i ? l`<calcite-popover .referenceElement=${Pe} .label=${i.label} auto-close pointer-disabled flip-disabled placement=bottom-end scale=l .heading=${i.label}>${e?.length > 0 ? l`<div class="notifications notifications--full">${typeof o == "number" && l`<calcite-scrim><calcite-loader type=determinate-value .label=${i.deleting} .value=${o}></calcite-loader></calcite-scrim>` || ""}<calcite-list .label=${i.label} interaction-mode=static class="notifications__list" scale=l>${G(e, (s) => s.id, (s) => l`<calcite-list-item closable @calciteListItemClose=${async () => await t([s.id])} .messageOverrides=${{ close: i.dismissLabel }} .iconStart=${s.icon}><div slot=content class="notification"><div class="notification__message" .innerHTML=${s.text ?? ""} @click=${(a) => {
+    const c = a.target, h = c.href;
+    if (c.nodeName === "CALCITE-LINK" && h) {
+      const f = `${W({ portal: r, usePortalHostname: !!r.user })}/home/`;
+      n({ event: a, href: h, relativePath: h.replace(f, "") });
+    }
+  }}></div><div class="notification__date">${s.date}</div></div></calcite-list-item>`)}</calcite-list></div><calcite-button class="notifications__dismiss" scale=l appearance=transparent @click=${async (s) => {
+    const a = s.currentTarget?.parentElement;
+    await t(e?.map(({ id: c }) => c)), a.open = !1;
+  }}>${i.dismissAllLabel}</calcite-button>` : l`<div class="notifications">${K({ title: i.noNotifications, description: i.noNotificationsDescription, icon: "check" })}</div>`}</calcite-popover>` : null;
 }
-function Jt(e) {
+function Kt(e) {
   return e.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
 }
-function Kt(e, t, i, n) {
-  ti(e, JSON.stringify(t), i);
-}
-function Qt(e) {
-  return Zt(e, !0);
+function Qt(e, t, i, n) {
+  ii(e, JSON.stringify(t), i);
 }
 function Xt(e) {
+  return ei(e, !0);
+}
+function Yt(e) {
   try {
     window.localStorage.removeItem(e);
   } catch {
   }
 }
-function Yt(e) {
+function Zt(e) {
   try {
     window.sessionStorage.removeItem(e);
   } catch {
   }
 }
-function Zt(e, t) {
-  const i = ei(e);
+function ei(e, t) {
+  const i = ti(e);
   return i && t ? JSON.parse(i) : i;
 }
-function ei(e) {
-  const t = document.cookie, i = new RegExp(`(?:^|; )${Jt(e)}=([^;]*)`, "u"), n = t.match(i);
+function ti(e) {
+  const t = document.cookie, i = new RegExp(`(?:^|; )${Kt(e)}=([^;]*)`, "u"), n = t.match(i);
   return n ? decodeURIComponent(n[1]) : "";
 }
-function ti(e, t, i) {
+function ii(e, t, i) {
   i = i || {};
   let n = i?.expires;
   if (typeof n == "number") {
@@ -258,9 +264,9 @@ function ti(e, t, i) {
   }
   document.cookie = r;
 }
-async function ii(e) {
+async function ni(e) {
   const i = `owner:"${e.isPortal ? "esri" : "esri_config"}" AND title:"AppSwitcher Config" AND type:"Application Configuration"`, n = `${e.restUrl}/search`;
-  return await D(n, { query: {
+  return await U(n, { query: {
     num: 1,
     start: 0,
     sortField: "title",
@@ -268,46 +274,46 @@ async function ii(e) {
     q: i
   } });
 }
-async function ni(e) {
+async function ri(e) {
   const t = { appSwitcher: { apps: [] } };
   if (!e?.id || !e.user)
     return t;
-  const { result: i } = await ii(e), n = i?.results?.[0];
+  const { result: i } = await ni(e), n = i?.results?.[0];
   if (!n)
     return t;
   const r = n.id;
-  return (await $e(e, r)).result;
+  return (await Ae(e, r)).result;
 }
-async function ri(e, t, i) {
+async function oi(e, t, i) {
   if (!t || !e?.length)
     return { result: null };
   const n = `${i.restUrl}/search`;
-  return await D(n, {
+  return await U(n, {
     query: {
       num: 100,
       q: `id:(${e.map((r) => `"${r.itemId}"`).join(" OR ")})`
     }
   });
 }
-async function oi(e) {
+async function si(e) {
   const t = `${e.restUrl}/search`, i = {
     num: 10,
     start: 0,
     sortField: "title",
     sortOrder: "asc",
     q: 'owner:"esri" AND title:"BlockedApps Config" AND type: "Application Configuration"'
-  }, { result: n } = await D(t, { query: i }), r = n?.results?.[0]?.id;
-  return r ? (await $e(e, r))?.result?.blockedApps || [] : [];
+  }, { result: n } = await U(t, { query: i }), r = n?.results?.[0]?.id;
+  return r ? (await Ae(e, r))?.result?.blockedApps || [] : [];
 }
-function si(e, t) {
+function ai(e, t) {
   const i = e?.toLowerCase() || "", n = `${t.title || ""} ${t.label || ""}`;
   return !i || n.toLowerCase().includes(i);
 }
-function ai() {
-  if (Qt("APSW-query")?.expires > (/* @__PURE__ */ new Date()).setHours((/* @__PURE__ */ new Date()).getHours()))
+function ci() {
+  if (Xt("APSW-query")?.expires > (/* @__PURE__ */ new Date()).setHours((/* @__PURE__ */ new Date()).getHours()))
     return !0;
   const t = { expires: (/* @__PURE__ */ new Date()).setHours((/* @__PURE__ */ new Date()).getHours() + 5) };
-  return Kt(
+  return Qt(
     "APSW-query",
     t,
     {
@@ -317,13 +323,13 @@ function ai() {
     }
   ), !1;
 }
-function ci(e, t) {
+function li(e, t) {
   const { landingPage: i } = t || {};
   return {
     image: "arcgis-online.png",
     label: "ArcGIS Online",
     title: "ArcGIS Online",
-    url: `${Q({ portal: e })}${i?.url ? i.url : ye(e.user) ? "organization.html" : "index.html"}`
+    url: `${W({ portal: e })}${i?.url ? i.url : $e(e.user) ? "organization.html" : "index.html"}`
   };
 }
 function ge(e) {
@@ -409,10 +415,10 @@ function ge(e) {
     "workflow-manager-beta",
     "workflow-manager",
     "workforce"
-  ].find((n) => e?.includes(n) && B(`${n}.png`) === e);
-  return i ? B(`${i}.avif`) : e;
+  ].find((n) => e?.includes(n) && z(`${n}.png`) === e);
+  return i ? z(`${i}.avif`) : e;
 }
-function li(e, t) {
+function ui(e, t) {
   const i = e?.blockedApps || [], n = [];
   return !i.length && !e.blockBetaApps || !t?.length ? [] : (e.blockBetaApps && t.forEach((r) => {
     r.isBeta && !i.includes(r.clientid) && i.push(r.clientid);
@@ -424,10 +430,10 @@ function li(e, t) {
 function x(e, t) {
   return t && t[e.toLowerCase()]?.valid || !1;
 }
-function ui(e, t) {
+function di(e, t) {
   return e?.portalProperties && !e.portalProperties?.openData?.enabled ? !1 : x("HubforArcGIS", t);
 }
-function di(e, t) {
+function pi(e, t) {
   if (!e)
     return !1;
   const i = [
@@ -437,39 +443,39 @@ function di(e, t) {
   ], r = (e?.privileges || []).some((s) => i.includes(s)), o = x("velocity", t);
   return r && o;
 }
-function pi(e) {
+function hi(e) {
   return x("HubforArcGIS", e);
 }
-function hi(e, t) {
+function mi(e, t) {
   return !(e.isPortal && e.portalProperties?.newMapViewerEnabled === !1) && x("arcgisWebApps", t);
 }
 function fi(e) {
   return !!e.helperServices?.rasterAnalytics && !!e.helperServices.orthoMapping;
 }
-function mi(e, t, i) {
+function gi(e, t, i) {
   const n = i && (!e.isPortal || !!e.sourceJSON?.supportsHostedNotebooks), r = !!t?.privileges?.length && t.privileges.some((o) => o === "premium:publisher:createNotebooks");
   return n && r;
 }
-function gi(e, t) {
+function bi(e, t) {
   return !!e.helperServices?.locationTracking && t;
 }
-function bi(e, t, i, n) {
+function vi(e, t, i, n) {
   const r = e?.user;
   return {
     "Open Data": {
-      hasAccess: () => ui(e, n)
+      hasAccess: () => di(e, n)
     },
     AppStudio: {
       hasAccess: () => x("arcgisWebApps", n)
     },
     "ArcGIS Velocity": {
-      hasAccess: () => e.isPortal || di(r, n)
+      hasAccess: () => e.isPortal || pi(r, n)
     },
     "ArcGIS Hub": {
       hasAccess: () => x("HubforArcGIS", n)
     },
     "ArcGIS Enterprise Sites": {
-      hasAccess: () => pi(n)
+      hasAccess: () => hi(n)
     },
     "ArcGIS QuickCapture Web Designer": {
       hasAccess: () => x("arcgisWebApps", n)
@@ -478,7 +484,7 @@ function bi(e, t, i, n) {
       hasAccess: () => x("dashboards", n)
     },
     "Map Viewer": {
-      hasAccess: () => hi(e, n)
+      hasAccess: () => mi(e, n)
     },
     "Map Viewer Classic": {
       hasAccess: () => x("arcgisWebApps", n)
@@ -493,7 +499,7 @@ function bi(e, t, i, n) {
       hasAccess: () => fi(e)
     },
     Notebook: {
-      hasAccess: () => mi(e, r, t)
+      hasAccess: () => gi(e, r, t)
     },
     "Scene Viewer": {
       hasAccess: () => x("arcgisWebApps", n)
@@ -505,7 +511,7 @@ function bi(e, t, i, n) {
       hasAccess: () => x("survey123", n)
     },
     "Track Viewer": {
-      hasAccess: () => gi(e, i)
+      hasAccess: () => bi(e, i)
     },
     "Instant Apps": {
       // For Portal
@@ -516,7 +522,7 @@ function bi(e, t, i, n) {
     }
   };
 }
-function vi(e) {
+function wi(e) {
   let t = {
     opsdashboard: 1,
     arcgisWebApps: 1,
@@ -543,44 +549,44 @@ function vi(e) {
 function ie(e) {
   return e.sourceJSON?.subscriptionInfo?.options?.includes("Developer");
 }
-function B(e) {
+function z(e) {
   return te(`assets/portal-navigation/apps/${e || ""}`);
 }
-function Pe(e, t, i) {
+function Te(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}`;
 }
-function E(e, t, i) {
-  if (e.image ? e.image = B(e.image) : e.placeHolderIcon = `${B()}svg-app-icon.svg`, e.url?.startsWith("../")) {
+function D(e, t, i) {
+  if (e.image ? e.image = z(e.image) : e.placeHolderIcon = `${z()}svg-app-icon.svg`, e.url?.startsWith("../")) {
     const n = i.urlKey ? `${i.urlKey}.${i.customBaseUrl}` : i.portalHostname;
     e.url = `${window.location.protocol}//${n}${e.url.substring(2, e.url.length)}`;
   }
   return delete e.isLicensed, delete e.privileges, e.itemId = t, e;
 }
-function Te() {
-  return `${B()}svg-app-circle.svg`;
+function Ne() {
+  return `${z()}svg-app-circle.svg`;
 }
-function wi(e, t, i) {
+function yi(e, t, i) {
   const n = e.properties?.appSwitcher?.image || e.icon;
   return {
     abbr: e.properties?.appSwitcher?.abbr || e.abbreviation,
     itemId: e.itemId,
     canAccess: !0,
     webMappingApp: !0,
-    image: n ? Pe(e, t, i) : void 0,
+    image: n ? Te(e, t, i) : void 0,
     label: e.title || e.label,
     url: e.url,
-    placeHolderIcon: e.placeHolderIcon || Te()
+    placeHolderIcon: e.placeHolderIcon || Ne()
   };
 }
 function _i(e, t, i) {
-  return e.appSwitcher?.image || e.icon ? e.image = Pe(e, t, i) : e.placeHolderIcon = Te(), e.abbr = e.appSwitcher?.abbr || e.abbreviation, delete e.abbreviation, delete e.appSwitcher, delete e.approvedApp, delete e.webMappingApp, e;
+  return e.appSwitcher?.image || e.icon ? e.image = Te(e, t, i) : e.placeHolderIcon = Ne(), e.abbr = e.appSwitcher?.abbr || e.abbreviation, delete e.abbreviation, delete e.appSwitcher, delete e.approvedApp, delete e.webMappingApp, e;
 }
 function be(e, t) {
   e.forEach((i) => {
     i.uid === "Map Viewer Beta" && (i.uid = "Map Viewer"), t.isPortal && (i.uid === "Operations Dashboard for ArcGIS" ? i.uid = "ArcGIS Dashboards Classic" : i.uid === "Workforce for ArcGIS" && (i.uid = "ArcGIS Workforce"));
   });
 }
-async function yi({
+async function $i({
   userApps: e,
   servers: t,
   portal: i,
@@ -589,78 +595,78 @@ async function yi({
   provisionedListings: o,
   orgCapabilities: s,
   trackViewerEnabled: a,
-  notebookServerEnabled: u,
-  willQueryForItems: f,
-  approvedApps: m
+  notebookServerEnabled: c,
+  willQueryForItems: h,
+  approvedApps: f
 }) {
-  const v = {}, d = {}, S = bi(i, u, a, n), I = vi(i), w = [], P = e.length;
-  for (let p = 0; p < P; p++) {
-    const l = e[p], b = l.itemId || l.title;
-    let A = !0;
-    const h = !l.serverFunction || t?.some((T) => {
-      const W = (T.serverFunction?.split(",") || []).includes(l.serverFunction);
-      return W && l.serverFunction === "Velocity" && (l.url = T.url), W;
-    }), _ = r?.some(
-      (T) => l.itemId && l.itemId === T.itemid || l.title && l.title === T.title
+  const g = {}, d = {}, A = vi(i, c, a, n), k = wi(i), w = [], P = e.length;
+  for (let m = 0; m < P; m++) {
+    const u = e[m], v = u.itemId || u.title;
+    let T = !0;
+    const p = !u.serverFunction || t?.some((I) => {
+      const V = (I.serverFunction?.split(",") || []).includes(u.serverFunction);
+      return V && u.serverFunction === "Velocity" && (u.url = I.url), V;
+    }), $ = r?.some(
+      (I) => u.itemId && u.itemId === I.itemid || u.title && u.title === I.title
     );
-    if (v[b] = 1, d[b] = l, _ || ie(i) && !l.showInLocationPlatform || i.sourceJSON?.portalDeploymentType === "ArcGISEnterpriseOnKubernetes" && l.supportsKubernetes === !1)
+    if (g[v] = 1, d[v] = u, $ || ie(i) && !u.showInLocationPlatform || i.sourceJSON?.portalDeploymentType === "ArcGISEnterpriseOnKubernetes" && u.supportsKubernetes === !1)
       continue;
-    const k = l.title;
-    if (S[k] && !S[k]?.hasAccess())
+    const S = u.title;
+    if (A[S] && !A[S]?.hasAccess())
       continue;
-    const G = i.sourceJSON?.subscriptionInfo;
-    if (l.subscriptionType) {
-      G?.type === l.subscriptionType && (d[b].canAccess = !0, w.push(E(l, b, i)));
+    const O = i.sourceJSON?.subscriptionInfo;
+    if (u.subscriptionType) {
+      O?.type === u.subscriptionType && (d[v].canAccess = !0, w.push(D(u, v, i)));
       continue;
     }
-    if (l.orgCapabilities) {
-      s?.length && s.some((R) => l.orgCapabilities?.includes(R.id)) && (d[b].canAccess = !0, w.push(E(l, b, i)));
+    if (u.orgCapabilities) {
+      s?.length && s.some((C) => u.orgCapabilities?.includes(C.id)) && (d[v].canAccess = !0, w.push(D(u, v, i)));
       continue;
     }
-    if (!l.privileges?.length && !l.isLicensed && h && (l.label !== "ArcGIS Location Platform" || ie(i))) {
-      d[b].canAccess = !0, w.push(E(l, b, i));
+    if (!u.privileges?.length && !u.isLicensed && p && (u.label !== "ArcGIS Location Platform" || ie(i))) {
+      d[v].canAccess = !0, w.push(D(u, v, i));
       continue;
     }
-    if (i.user?.sourceJSON?.userLicenseTypeId?.toLowerCase() === "storytellerut" && l.label?.toLowerCase() === "storymaps") {
-      d[b].canAccess = !0, w.push(E(l, b, i));
+    if (i.user?.sourceJSON?.userLicenseTypeId?.toLowerCase() === "storytellerut" && u.label?.toLowerCase() === "storymaps") {
+      d[v].canAccess = !0, w.push(D(u, v, i));
       continue;
     }
-    if (l.privileges?.length && i.user?.privileges) {
-      for (let T = 0; T < l.privileges.length; T++)
-        if (!i.user.privileges.includes(l.privileges[T])) {
-          A = !1;
+    if (u.privileges?.length && i.user?.privileges) {
+      for (let I = 0; I < u.privileges.length; I++)
+        if (!i.user.privileges.includes(u.privileges[I])) {
+          T = !1;
           break;
         }
-      if (!l.isLicensed && A && h) {
-        d[b].canAccess = !0, w.push(E(l, b, i));
+      if (!u.isLicensed && T && p) {
+        d[v].canAccess = !0, w.push(D(u, v, i));
         continue;
       }
     }
-    if (l.isLicensed && A && h) {
-      for (let T = 0; T < o.length; T++)
-        if (b === o[T].itemId || b === o[T].title) {
-          d[b].canAccess = !0, w.push(E(l, b, i));
+    if (u.isLicensed && T && p) {
+      for (let I = 0; I < o.length; I++)
+        if (v === o[I].itemId || v === o[I].title) {
+          d[v].canAccess = !0, w.push(D(u, v, i));
           break;
         }
     }
   }
-  const g = await Nt(i);
-  return o.forEach((p) => {
-    if (p.type === "Web Mapping Application" && !I[p.clientId] && !v[p.itemId] && p.url && p.title && !v[p.title] && !p.typeKeywords.includes("hideFromAppSwitcher")) {
-      const l = wi(p, i, g);
-      d[p.itemId] = l, w.push(l);
+  const y = await Ct(i);
+  return o.forEach((m) => {
+    if (m.type === "Web Mapping Application" && !k[m.clientId] && !g[m.itemId] && m.url && m.title && !g[m.title] && !m.typeKeywords.includes("hideFromAppSwitcher")) {
+      const u = yi(m, i, y);
+      d[m.itemId] = u, w.push(u);
     }
   }), {
     apps: [
-      ...m.map((p) => {
-        const l = {
-          ...p.appProperties,
-          itemId: p.itemId,
+      ...f.map((m) => {
+        const u = {
+          ...m.appProperties,
+          itemId: m.itemId,
           webMappingApp: !0,
           approvedApp: !0,
-          canAccess: !f
+          canAccess: !h
         };
-        return d[p.itemId] = l, _i(l, i, g);
+        return d[m.itemId] = u, _i(u, i, y);
       }),
       ...w
     ],
@@ -680,92 +686,92 @@ function ve({
   portal: r
 }) {
   let s = Object.keys(i).map((a) => i[a]).filter((a) => a.itemId === t.uid || a.title === t.uid).shift();
-  return s && !i[t.uid] && (t.uid = s.itemId || s.title || ""), s?.hasBeenPopulated || (s ? ((t.hasChanged || s.hasChanged || !s.canAccess && !s.ignoreNoAccess) && ye(r.user) && (i[t.uid].hasChanged = !0, i[t.uid].ignoreNoAccess = t.ignoreNoAccess), t.isNew && (i[t.uid].isNew = !0), delete n[t.uid]) : (s = t, s.canAccess = !1, s.itemId = t.uid, i[t.uid] = s), i[t.uid].hasBeenPopulated = !0, e.push(s)), e;
+  return s && !i[t.uid] && (t.uid = s.itemId || s.title || ""), s?.hasBeenPopulated || (s ? ((t.hasChanged || s.hasChanged || !s.canAccess && !s.ignoreNoAccess) && $e(r.user) && (i[t.uid].hasChanged = !0, i[t.uid].ignoreNoAccess = t.ignoreNoAccess), t.isNew && (i[t.uid].isNew = !0), delete n[t.uid]) : (s = t, s.canAccess = !1, s.itemId = t.uid, i[t.uid] = s), i[t.uid].hasBeenPopulated = !0, e.push(s)), e;
 }
-async function $i({
+async function Ai({
   portal: e,
   trackViewerEnabled: t,
   notebookServerEnabled: i
 }) {
   if (!e?.id || !e.user)
     return { apps: [], hiddenApps: {} };
-  const n = ai(), [r, o, s, a, u, f, m] = await Promise.all([
-    ni(e),
-    Pt(e),
+  const n = ci(), [r, o, s, a, c, h, f] = await Promise.all([
+    ri(e),
     Tt(e),
-    $t(e),
+    Nt(e),
     At(e),
     kt(e),
-    oi(e)
-  ]), v = e.isPortal ? await St(e) : null, d = s?.result?.properties;
-  let S = r?.appSwitcher?.apps || [];
-  e.isPortal || (S = S.filter(
-    (h) => h.title !== "Map Viewer Classic" || e.sourceJSON.created < /* @__PURE__ */ new Date("February 26 2025")
-  ), S.unshift(ci(e, d)));
-  const I = a?.result?.approvedApps?.filter((h) => !h.hideForNonPrivilegedMember) || [], w = {};
-  o?.forEach((h) => {
-    const _ = h.clientId?.toLowerCase();
-    _ && (w[_] = {
+    St(e),
+    si(e)
+  ]), g = e.isPortal ? await It(e) : null, d = s?.result?.properties;
+  let A = r?.appSwitcher?.apps || [];
+  e.isPortal || (A = A.filter(
+    (p) => p.title !== "Map Viewer Classic" || e.sourceJSON.created < /* @__PURE__ */ new Date("February 26 2025")
+  ), A.unshift(li(e, d)));
+  const k = a?.result?.approvedApps?.filter((p) => !p.hideForNonPrivilegedMember) || [], w = {};
+  o?.forEach((p) => {
+    const $ = p.clientId?.toLowerCase();
+    $ && (w[$] = {
       valid: !0,
-      itemId: h.itemId,
-      clientId: h.clientId
+      itemId: p.itemId,
+      clientId: p.clientId
     });
-  }), u?.forEach((h) => {
-    const _ = h.id?.toLowerCase();
-    _ && (w[_] = {
+  }), c?.forEach((p) => {
+    const $ = p.id?.toLowerCase();
+    $ && (w[$] = {
       valid: !0,
-      clientId: h.id
+      clientId: p.id
     });
   });
-  const P = li(f, m), { apps: g, appDictionary: y } = await yi({
-    userApps: S,
-    servers: v,
+  const P = ui(h, f), { apps: y, appDictionary: b } = await $i({
+    userApps: A,
+    servers: g,
     portal: e,
     blockedApps: P,
     provisionedListings: o,
-    orgCapabilities: u,
+    orgCapabilities: c,
     licenses: w,
     trackViewerEnabled: t,
     notebookServerEnabled: i,
     willQueryForItems: n,
-    approvedApps: I
+    approvedApps: k
   });
   d?.appLauncher && (d?.appLauncher.primary && be(d?.appLauncher.primary, e), d?.appLauncher.secondary && be(d?.appLauncher.secondary, e));
-  let p = [], l = [];
+  let m = [], u = [];
   if (!d?.appLauncher?.primary || !d?.appLauncher.secondary)
-    p = g.slice().sort((h, _) => (h.label || "") < (_.label || "") ? -1 : 1), p = ee(p, P), l = [];
+    m = y.slice().sort((p, $) => (p.label || "") < ($.label || "") ? -1 : 1), m = ee(m, P), u = [];
   else {
-    const { result: h } = await ri(I, n, e);
-    h?.results?.length && h.results.forEach(($) => {
-      const k = y[$.id];
-      k.canAccess = !0, k.hasChanged = k.url !== $.url ? !!$.url : !1;
+    const { result: p } = await oi(k, n, e);
+    p?.results?.length && p.results.forEach((_) => {
+      const S = b[_.id];
+      S.canAccess = !0, S.hasChanged = S.url !== _.url ? !!_.url : !1;
     });
-    const _ = { ...y };
-    d?.appLauncher?.primary?.forEach(($) => {
-      $.label === "Map Viewer" && ($.uid = "Map Viewer");
-    }), p = d?.appLauncher.primary.reduce(
-      ($, k) => ve({ apps: $, app: k, appDictionary: y, newAppDictionary: _, portal: e }),
+    const $ = { ...b };
+    d?.appLauncher?.primary?.forEach((_) => {
+      _.label === "Map Viewer" && (_.uid = "Map Viewer");
+    }), m = d?.appLauncher.primary.reduce(
+      (_, S) => ve({ apps: _, app: S, appDictionary: b, newAppDictionary: $, portal: e }),
       []
-    ) || [], l = d?.appLauncher.secondary.reduce(
-      ($, k) => ve({ apps: $, app: k, appDictionary: y, newAppDictionary: _, portal: e }),
+    ) || [], u = d?.appLauncher.secondary.reduce(
+      (_, S) => ve({ apps: _, app: S, appDictionary: b, newAppDictionary: $, portal: e }),
       []
-    ) || [], p = ee(p, P), l = ee(l, P), ie(e) && (p = p.filter(($) => $.canAccess), l = l.filter(($) => $.canAccess));
-    for (const $ of Object.keys(_))
-      _[$].canAccess && (_[$].isNew = !0, y[$] = _[$], p.push(_[$]));
+    ) || [], m = ee(m, P), u = ee(u, P), ie(e) && (m = m.filter((_) => _.canAccess), u = u.filter((_) => _.canAccess));
+    for (const _ of Object.keys($))
+      $[_].canAccess && ($[_].isNew = !0, b[_] = $[_], m.push($[_]));
   }
-  const b = [...p, ...l], A = l.reduce((h, _) => (_.itemId && (h[_.itemId] = !0), h), {});
+  const v = [...m, ...u], T = u.reduce((p, $) => ($.itemId && (p[$.itemId] = !0), p), {});
   return {
-    apps: b,
-    hiddenApps: A,
-    signInSettings: f,
+    apps: v,
+    hiddenApps: T,
+    signInSettings: h,
     licenses: w,
     userProperties: d
   };
 }
-function Ai(e, t) {
+function ki(e, t) {
   return !e?.itemId || !t ? !1 : t[e.itemId];
 }
-async function ki({
+async function Si({
   apps: e,
   hiddenApps: t,
   userProperties: i,
@@ -773,52 +779,52 @@ async function ki({
 }) {
   const r = e.reduce(
     (s, a) => {
-      const u = t[a.itemId];
-      return s[u ? "secondary" : "primary"].push({
+      const c = t[a.itemId];
+      return s[c ? "secondary" : "primary"].push({
         label: a.label,
         uid: a.itemId || a.title
       }), s;
     },
     { primary: [], secondary: [] }
   ), o = { ...i || {}, appLauncher: r };
-  return await xt(o, n);
+  return await Pt(o, n);
 }
-function Ne({ app: e }) {
+function Ce({ app: e }) {
   if (!e)
     return null;
   if (!e.canAccess)
-    return c`<span class="list-item__logo list-item__logo-empty"></span>`;
+    return l`<span class="list-item__logo list-item__logo-empty"></span>`;
   const t = !e.image && e.abbr;
-  return c`${t && c`<span class="list-item__logo">${e.placeHolderIcon && c`<img src=${ge(e.placeHolderIcon) ?? M} class="list-item__logo-bg" alt>` || ""}<span style=${pt({ fontSize: e.fontSize || "20px" })} class="list-item__abbr">${e.abbr}</span></span>` || ""}${e.image && c`<img src=${ge(e.image) ?? M} class="list-item__logo" alt>` || ""}${e.isNew && c`<span class=${oe({ "list-item__indicator": !0 })}></span>` || ""}`;
+  return l`${t && l`<span class="list-item__logo">${e.placeHolderIcon && l`<img src=${ge(e.placeHolderIcon) ?? L} class="list-item__logo-bg" alt>` || ""}<span style=${_e({ fontSize: e.fontSize || "20px" })} class="list-item__abbr">${e.abbr}</span></span>` || ""}${e.image && l`<img src=${ge(e.image) ?? L} class="list-item__logo" alt>` || ""}${e.isNew && l`<span class=${oe({ "list-item__indicator": !0 })}></span>` || ""}`;
 }
-function Si({ app: e, hiddenApps: t, messages: i, toggleAppVisibility: n }) {
+function Ii({ app: e, hiddenApps: t, messages: i, toggleAppVisibility: n }) {
   if (!e || !i)
     return null;
-  const r = Ai(e, t), { title: o, itemId: s, label: a } = e;
-  return c`<calcite-list-item .label=${o || a} class=${oe(r ? "app--hidden" : "")}><span slot=content-start>${Ne({ app: e })}</span><calcite-action .text=${r ? i.show : i.hide} .icon=${r ? "view-hide" : "view-visible"} slot=actions-end @click=${() => s && n(s, !r)}></calcite-action></calcite-list-item>`;
+  const r = ki(e, t), { title: o, itemId: s, label: a } = e;
+  return l`<calcite-list-item .label=${o || a} class=${oe(r ? "app--hidden" : "")}><span slot=content-start>${Ce({ app: e })}</span><calcite-action .text=${r ? i.show : i.hide} .icon=${r ? "view-hide" : "view-visible"} slot=actions-end @click=${() => s && n(s, !r)}></calcite-action></calcite-list-item>`;
 }
-function Ii({ app: e, messages: t }) {
+function xi({ 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 c`<li class="list-item" id=${n ?? M}><a class="list-item__link" href=${o ?? M}>${c`<span class="list-item__container">${Ne({ app: e })}<span class="list-item__title">${i || r}</span>${s && c`<calcite-chip scale=s class="list-item__chip" icon=asterisk-small .label=${t.new}>${t.new}</calcite-chip>` || ""}</span>`}</a>${a && c`<calcite-tooltip .referenceElement=${n} placement=trailing>${a}</calcite-tooltip>` || ""}</li>`;
+  return l`<li class="list-item" id=${n ?? L}><a class="list-item__link" href=${o ?? L}>${l`<span class="list-item__container">${Ce({ app: e })}<span class="list-item__title">${i || r}</span>${s && l`<calcite-chip scale=s class="list-item__chip" icon=asterisk-small .label=${t.new}>${t.new}</calcite-chip>` || ""}</span>`}</a>${a && l`<calcite-tooltip .referenceElement=${n} placement=trailing>${a}</calcite-tooltip>` || ""}</li>`;
 }
-function xi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, messages: r, handleAppsSearch: o, handleAppReorder: s, handleAppSave: a, handleAppHide: u, handleAppCancel: f, handleAppEdit: m, editingApplications: v, portal: d }) {
+function Pi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, messages: r, handleAppsSearch: o, handleAppReorder: s, handleAppSave: a, handleAppHide: c, handleAppCancel: h, handleAppEdit: f, editingApplications: g, portal: d }) {
   if (!e || !r)
     return null;
-  const S = i?.length > 0, I = (e || []).filter((g) => g.itemId && (!n?.[g.itemId] || S) && si(i, g)), w = S ? r.noAppResults.replace("${term}", i) : r.noAppsAvailable, P = S ? C(d) ? r.noAppsDescriptionPublic : r.noAppResultsDescriptionOrg : r.noAppsAvailable;
-  return v ? c`<div class="list__header"><calcite-button appearance=outline width=half @click=${() => {
-    f();
+  const A = i?.length > 0, k = (e || []).filter((y) => y.itemId && (!n?.[y.itemId] || A) && ai(i, y)), w = A ? r.noAppResults.replace("${term}", i) : r.noAppsAvailable, P = A ? M(d) ? r.noAppsDescriptionPublic : r.noAppResultsDescriptionOrg : r.noAppsAvailable;
+  return g ? l`<div class="list__header"><calcite-button appearance=outline width=half @click=${() => {
+    h();
   }}>${r.cancel}</calcite-button><calcite-button width=half @click=${() => {
     a();
-  }}>${r.applyChanges}</calcite-button></div><calcite-list .label=${r.allMyApplications} drag-enabled @calciteListDragEnd=${(g) => {
-    const { newIndex: y, oldIndex: p } = g.detail;
-    s({ newIndex: y, oldIndex: p });
-  }} .loading=${t}>${j(e, (g) => g.itemId, (g) => Si({ app: g, hiddenApps: n, messages: r, toggleAppVisibility: (y, p) => {
-    u({ app: y, hidden: p });
-  } }))}</calcite-list>` : c`<div class="list__header"><calcite-input type=search icon .placeholder=${r.searchMyApps} scale=m class="list__search" @calciteInputInput=${(g) => {
-    o(g.currentTarget.value);
-  }}></calcite-input><calcite-button appearance=transparent kind=neutral icon-start=reorder-cards .label=${r.reorder} @click=${() => m()}></calcite-button></div>${I?.length > 0 ? c`<ul class="list">${j(I, (g) => g.itemId, (g) => Ii({ app: g, messages: r }))}</ul>` : J({ title: w, description: P, icon: i ? "search" : "apps" })}`;
+  }}>${r.applyChanges}</calcite-button></div><calcite-list .label=${r.allMyApplications} drag-enabled @calciteListDragEnd=${(y) => {
+    const { newIndex: b, oldIndex: m } = y.detail;
+    s({ newIndex: b, oldIndex: m });
+  }} .loading=${t}>${G(e, (y) => y.itemId, (y) => Ii({ app: y, hiddenApps: n, messages: r, toggleAppVisibility: (b, m) => {
+    c({ app: b, hidden: m });
+  } }))}</calcite-list>` : l`<div class="list__header"><calcite-input type=search icon .placeholder=${r.searchMyApps} scale=m class="list__search" @calciteInputInput=${(y) => {
+    o(y.currentTarget.value);
+  }}></calcite-input><calcite-button appearance=transparent kind=neutral icon-start=reorder-cards .label=${r.reorder} @click=${() => f()}></calcite-button></div>${k?.length > 0 ? l`<ul class="list">${G(k, (y) => y.itemId, (y) => xi({ app: y, messages: r }))}</ul>` : K({ title: w, description: P, icon: i ? "search" : "apps" })}`;
 }
 const we = "portalAppClientId", le = {
   GeoanalyticsEngine: "geoanalyticsengine",
@@ -831,13 +837,13 @@ function ue(e) {
 function de(e) {
   return le.GeoanalyticsFabric === e;
 }
-function Ce(e) {
+function Me(e) {
   return le.IndoorsOnline === e;
 }
 function pe(e) {
   return ["Location Platform", "GeoAnalytics Fabric", "GeoAnalytics Engine", "Online", "Enterprise"].includes(e);
 }
-function Pi({
+function Ti({
   portal: e,
   messages: t,
   licenses: i,
@@ -846,67 +852,68 @@ function Pi({
 }) {
   if (!t || !e)
     return [];
-  const o = e.sourceJSON?.subscriptionInfo, s = Mi({ messages: t, portal: e });
+  const o = e.sourceJSON?.subscriptionInfo, s = Li({ messages: t, portal: e });
   if (!e.user)
     return s;
-  if (!e || !s || e?.user && !i && !C(e))
+  if (!e || !s || e?.user && !i && !M(e))
     return [];
   const a = Oi({
     portal: e,
     licenses: i,
     subscriptionInfo: o
   });
-  return Li({ messages: t, portal: e, clientId: n, signInSettings: r, navLinkDictionary: a });
+  return Ei({ messages: t, portal: e, clientId: n, signInSettings: r, navLinkDictionary: a });
 }
-function Ti(e) {
+function Ni(e) {
   const { id: t, access: i, isPortal: n } = e;
   return !t && !i && !n;
 }
-function Ni(e) {
-  return new URL(e).pathname === window.location.pathname;
+function Ci(e, t) {
+  const i = new URL(e), n = t || window.location.pathname;
+  return i.pathname === n;
 }
-function Me({
+function Le({
   portal: e,
   clientId: t,
   signInSettings: i
 }) {
-  const n = e.user, r = Ce(t), o = !!i?.blockedApps?.includes("arcgisnotebooks"), {
+  const n = e.user, r = Me(t), o = !!i?.blockedApps?.includes("arcgisnotebooks"), {
     gallery: s = "all",
     groups: a = "all",
-    map: u = "all",
-    notebook: f = "notebookCreators",
-    scene: m = "all"
+    map: c = "all",
+    notebook: h = "notebookCreators",
+    scene: f = "all"
   } = e.portalProperties?.topNav || {};
-  let v = ["home"];
+  let g = ["home"];
   if (!n) {
     if (!e.portalProperties?.topNav) {
-      const S = ["gallery", "map", "scene", "groups"], I = e.isPortal ? ["help"] : [];
-      return [...v, ...S, ...I];
+      const A = ["gallery", "map", "scene", "groups"], k = e.isPortal ? ["help"] : [];
+      return [...g, ...A, ...k];
     }
     return [
-      ...v,
+      ...g,
       ...s === "all" ? ["gallery"] : [],
-      ...u === "all" ? ["map"] : [],
-      ...m === "all" ? ["scene"] : [],
+      ...c === "all" ? ["map"] : [],
+      ...f === "all" ? ["scene"] : [],
       ...a === "all" ? ["groups"] : [],
       ...e.isPortal ? ["help"] : []
     ];
   }
   const d = n.orgId === e.id;
-  return !e.portalProperties?.topNav && C(e) ? v = ["ArcGIS", "overview", "pricing", "map", "scene", "groups", "myContent"] : v = [
-    ...v,
+  return !e.portalProperties?.topNav && M(e) ? g = ["ArcGIS", "overview", "pricing", "map", "scene", "groups", "myContent"] : g = [
+    ...g,
     ...(s === "all" || s === "members" && d) && !r ? ["gallery"] : [],
-    ...(u === "all" || u === "members" && d || u === "mapCreators" && he(n)) && !r ? ["map"] : [],
-    ...(m === "all" || m === "members" && d || m === "sceneCreators" && he(n)) && !r ? ["scene"] : [],
-    ...!o && (!e.isPortal || e.sourceJSON.supportsHostedNotebooks) && (f === "members" && d || f === "notebookCreators" && yt(n)) && !r ? ["notebook"] : [],
+    ...(c === "all" || c === "members" && d || c === "mapCreators" && he(n)) && !r ? ["map"] : [],
+    ...(f === "all" || f === "members" && d || f === "sceneCreators" && he(n)) && !r ? ["scene"] : [],
+    ...!o && (!e.isPortal || e.sourceJSON.supportsHostedNotebooks) && (h === "members" && d || h === "notebookCreators" && $t(n)) && !r ? ["notebook"] : [],
     ...(a === "all" || a === "members" && d) && !r ? ["groups"] : [],
     ...d && !r ? ["myContent", "organization"] : []
-  ], v;
+  ], g;
 }
-function L(e) {
-  return `${bt({ portal: e })}/`;
+function E(e) {
+  return `${vt({ portal: e })}/`;
 }
-function Ci({
+function Mi({
   keys: e,
   navLinkDictionary: t,
   messages: i
@@ -915,42 +922,43 @@ function Ci({
   return e.forEach((r) => {
     const o = t[r];
     if (o && (!("show" in o) || o.show)) {
-      const { href: s, newTab: a, icon: u } = o;
+      const { href: s, newTab: a, icon: c, relativePath: h } = o;
       n.push({
         label: i[r],
         href: s,
         newTab: a,
-        icon: u
+        relativePath: h,
+        icon: c
       });
     }
   }), n;
 }
-function Mi({
+function Li({
   messages: e,
   portal: t
 }) {
   if (!e || !t)
     return [];
-  const i = L(t), n = {
+  const i = E(t), n = {
     overview: { label: e.overview, href: `${i}../features/features.html`, icon: "information" },
     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" },
     scene: { label: e.scene, href: `${i}webscene/viewer.html`, icon: "globe" },
     help: { label: e.help, href: se(t), newTab: !0, icon: "headset" },
-    home: { label: e.home, href: `${i}index.html`, icon: "home" },
-    gallery: { label: e.gallery, href: `${i}gallery.html`, icon: "gallery" },
-    groups: { label: e.groups, href: `${i}groups.html`, icon: "group" }
+    home: { label: e.home, href: `${i}index.html`, relativePath: "index.html", icon: "home" },
+    gallery: { label: e.gallery, href: `${i}gallery.html`, relativePath: "gallery.html", icon: "gallery" },
+    groups: { label: e.groups, href: `${i}groups.html`, relativePath: "groups.html", icon: "group" }
   };
-  return (Ti(t) ? ["overview", "pricing", "map", "scene", "help"] : Me({ portal: t })).map((o) => n[o]);
+  return (Ni(t) ? ["overview", "pricing", "map", "scene", "help"] : Le({ portal: t })).map((o) => n[o]);
 }
-function Li({
+function Ei({
   messages: e,
   portal: t,
   clientId: i,
   signInSettings: n,
   navLinkDictionary: r
 }) {
-  const o = ue(i), s = Me({ portal: t, clientId: i, signInSettings: n }), a = `${L(t)}geoanalytics${o ? "engine" : "fabric"}.html`;
+  const o = ue(i), s = Le({ portal: t, clientId: i, signInSettings: n }), a = `${E(t)}geoanalytics${o ? "engine" : "fabric"}.html`;
   return o || de(i) ? [
     {
       // TODO: active calculations in the component need to account for hash for these options
@@ -971,27 +979,29 @@ function Li({
       href: `${a}#account`,
       label: e.account
     }
-  ] : Ci({ keys: s, messages: e, navLinkDictionary: r });
+  ] : Mi({ keys: s, messages: e, navLinkDictionary: r });
 }
 function Oi({
   portal: e,
   licenses: t,
   subscriptionInfo: i
 }) {
-  const n = e.user, r = L(e), o = i?.options?.includes("Developer"), s = x("arcgiswebapps", t) || o && x("locationplatformwebapps", t) || C(e);
+  const n = e.user, r = E(e), o = i?.options?.includes("Developer"), s = x("arcgiswebapps", t) || o && x("locationplatformwebapps", t) || M(e);
   return {
     pricing: { href: `${r}../features/plans/pricing.html` },
     overview: { href: `${r}../features/features.html` },
     ArcGIS: {
-      href: `${r}${C(e) ? "index.html" : "../features/features.html"}`,
-      show: C(e) || !n
+      href: `${r}${M(e) ? "index.html" : "../features/features.html"}`,
+      show: M(e) || !n
     },
     groups: {
       href: `${r}groups.html`,
+      relativePath: "groups.html",
       icon: "group"
     },
     myContent: {
       href: `${r}content.html`,
+      relativePath: "content.html",
       icon: "files"
     },
     map: {
@@ -1006,11 +1016,13 @@ function Oi({
     gallery: {
       show: !!e.id && !o,
       href: `${r}gallery.html`,
+      relativePath: "gallery.html",
       icon: "gallery"
     },
     home: {
-      show: !C(e) && !o,
+      show: !M(e) && !o,
       href: `${r}index.html`,
+      relativePath: "index.html",
       icon: "home"
     },
     scene: {
@@ -1019,33 +1031,41 @@ function Oi({
       icon: "globe"
     },
     notebook: {
-      show: vt(e),
+      show: wt(e),
       href: `${r}notebook/notebookhome.html`,
+      relativePath: "notebook/notebookhome.html",
       icon: "notebook"
     },
     organization: {
-      show: !C(e),
+      show: !M(e),
       href: `${r}organization.html`,
+      relativePath: "organization.html",
       icon: "organization"
     },
     features: {
-      show: C(e) && !e.isPortal,
+      show: M(e) && !e.isPortal,
       href: `${r}../features/features.html`,
       icon: "information"
     }
   };
 }
-function Ei({ portal: e, item: t, messages: i, navigate: n, locale: r }) {
+function ji({ 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 = Ae(ke(o)), u = a?.[1] === "year" || a?.[1] === "month" ? Ft({ locale: r, time: o }, a?.[1] === "year") : Se({ locale: r, time: o, t9n: s }), f = `${L(e)}item.html?id=${t.id}`;
-  return ce(t.id, c`<li class="list-item"><a class="list-item__link" href=${f ?? M} @click=${(m) => n({ event: m, href: f })}>${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">${K(i.lastUpdated, { date: u })}</span></span></span>`}</a></li>`);
+  const o = t.modified, s = { lessThanOneMinute: i.lessThanOneMinute }, a = ke(Se(o)), c = a?.[1] === "year" || a?.[1] === "month" ? Ft({ locale: r, time: o }, a?.[1] === "year") : Ie({ locale: r, time: o, t9n: s }), h = `item.html?id=${t.id}`, f = `${E(e)}${h}}`;
+  return ce(t.id, l`<li class="list-item"><a class="list-item__link" href=${f ?? L} @click=${(g) => {
+    n({ event: g, href: f, relativePath: h });
+  }}>${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">${Q(i.lastUpdated, { date: c })}</span></span></span>`}</a></li>`);
 }
-function ji({ locale: e, navigate: t, portal: i, open: n, apps: r, appsLoading: o, hiddenApps: s, appsSearchTerm: a, handlePlatformClose: u, handleAppsSearch: f, handleAppReorder: m, handleAppSave: v, handleAppHide: d, handleAppCancel: S, handleAppEdit: I, handleItemSearch: w, editingApplications: P, recentContent: g, recentContentLoading: y, recentContentSearchTerm: p, product: l, productInfo: b, links: A, messages: h }) {
-  if (!l || !i || !h)
+function Di({ locale: e, navigate: t, portal: i, open: n, apps: r, appsLoading: o, hiddenApps: s, appsSearchTerm: a, handlePlatformClose: c, handleAppsSearch: h, handleAppReorder: f, handleAppSave: g, handleAppHide: d, handleAppCancel: A, handleAppEdit: k, handleItemSearch: w, editingApplications: P, recentContent: y, recentContentLoading: b, recentContentSearchTerm: m, product: u, productInfo: v, links: T, messages: p }) {
+  if (!u || !i || !p)
     return null;
-  const { name: _, icon: $ } = b || {};
-  return c`<calcite-sheet class="platform" .label=${h.label} position=inline-start display-mode=overlay id=example-sheet .open=${n} @calciteSheetClose=${u}><calcite-panel class="platform__panel"><div slot=header-content class="platform__header"><img src=${$ ?? M} class="platform__header-image"><div class="platform__header-text"><h2 class="platform__title">${_}</h2><p class="platform__subtitle">${i.name}</p></div><calcite-action icon=x text="Close menu" scale=l @click=${u}></calcite-action></div><div class="platform__container"><div class="platform__tiles">${A.filter(({ icon: k }) => k).map(({ label: k, href: G, icon: z }) => c`<calcite-tile .icon=${z} .description=${k} .href=${G} alignment=center scale=s></calcite-tile>`)}</div>${i?.user && !C(i) && c`<calcite-tabs layout=center class="platform__tabs"><calcite-tab-nav slot=title-group><calcite-tab-title selected>${h.myApps}</calcite-tab-title><calcite-tab-title>${h.recentContent}</calcite-tab-title></calcite-tab-nav><calcite-tab selected class="platform__tab">${o && c`<calcite-scrim loading></calcite-scrim>` || ""}${xi({ apps: r, appsLoading: o, appsSearchTerm: a, hiddenApps: s, messages: h, handleAppsSearch: f, handleAppReorder: m, handleAppSave: v, handleAppHide: d, handleAppCancel: S, handleAppEdit: I, editingApplications: P, portal: i })}</calcite-tab><calcite-tab class="platform__tab"><div class="list__header"><calcite-input type=search icon .placeholder=${h.searchRecentContent} scale=m class="list__search" @calciteInputInput=${(k) => w(k.target.value)}></calcite-input></div>${y && !o && c`<calcite-scrim loading></calcite-scrim>` || ""}<div class="list__container">${g?.length > 0 || y ? c`<ul class="list">${j(g, (k) => k.id, (k) => Ei({ portal: i, messages: h, navigate: t, item: k, locale: e }))}</ul>` : p?.length ? J({ title: K(h.noAppResults, { term: p }), description: h.recentContentNoResultsDescription, icon: "search" }) : J({ title: h.noContent, description: h.noContentDescription, icon: "clock" })}</div></calcite-tab></calcite-tabs>` || ""}</div></calcite-panel></calcite-sheet>`;
+  const { name: $, icon: _ } = v || {};
+  return l`<calcite-sheet class="platform" .label=${p.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=${_ ?? L} class="platform__header-image"><div class="platform__header-text"><h2 class="platform__title">${$}</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">${T.filter(({ icon: S }) => S).map(({ label: S, href: O, icon: R, relativePath: I }) => l`<calcite-tile .icon=${R} .description=${S} .href=${O} alignment=center scale=s @keydown=${(C) => {
+    (C.key === "Enter" || C.key === " ") && t({ event: C, href: O, relativePath: I });
+  }} @click=${(C) => {
+    t({ event: C, href: O, relativePath: I });
+  }}></calcite-tile>`)}</div>${i?.user && !M(i) && l`<calcite-tabs layout=center class="platform__tabs"><calcite-tab-nav slot=title-group><calcite-tab-title selected>${p.myApps}</calcite-tab-title><calcite-tab-title>${p.recentContent}</calcite-tab-title></calcite-tab-nav><calcite-tab selected class="platform__tab">${o && l`<calcite-scrim loading></calcite-scrim>` || ""}${Pi({ apps: r, appsLoading: o, appsSearchTerm: a, hiddenApps: s, messages: p, handleAppsSearch: h, handleAppReorder: f, handleAppSave: g, handleAppHide: d, handleAppCancel: A, handleAppEdit: k, editingApplications: P, portal: i })}</calcite-tab><calcite-tab class="platform__tab"><div class="list__header"><calcite-input type=search icon .placeholder=${p.searchRecentContent} scale=m class="list__search" @calciteInputInput=${(S) => w(S.target.value)}></calcite-input></div>${b && !o && l`<calcite-scrim loading></calcite-scrim>` || ""}<div class="list__container">${y?.length > 0 || b ? l`<ul class="list">${G(y, (S) => S.id, (S) => ji({ portal: i, messages: p, navigate: t, item: S, locale: e }))}</ul>` : m?.length ? K({ title: Q(p.noAppResults, { term: m }), description: p.recentContentNoResultsDescription, icon: "search" }) : K({ title: p.noContent, description: p.noContentDescription, icon: "clock" })}</div></calcite-tab></calcite-tabs>` || ""}</div></calcite-panel></calcite-sheet>`;
 }
 const ne = [
   "new",
@@ -1058,19 +1078,19 @@ const ne = [
   "embed",
   "details"
 ];
-async function Di(e) {
+async function Gi(e) {
   return await Promise.resolve({ status: "success" });
 }
 function re(e) {
   return ne.includes(e.id);
 }
-function Gi(e) {
+function Ui(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;
   });
 }
-function Ui(e, t) {
+function Bi(e, t) {
   const i = {
     new: [],
     save: [],
@@ -1090,14 +1110,14 @@ function Ui(e, t) {
     copyLink: { text: t.copyLink, group: "share" },
     embed: { text: t.embed, group: "share" },
     details: { text: t.itemDetails, group: "details", external: !0 }
-  }, r = Gi(e), o = [];
+  }, r = Ui(e), o = [];
   return r.forEach((s) => {
     if (!re(s)) {
       o.push(s);
       return;
     }
-    const { text: u, external: f, group: m } = n[s.id];
-    i[m].push({ text: u, external: f, ...s });
+    const { text: c, external: h, group: f } = n[s.id];
+    i[f].push({ text: c, external: h, ...s });
   }), o.forEach((s) => {
     const a = s.group || "custom";
     i[a].push(s);
@@ -1106,87 +1126,91 @@ function Ui(e, t) {
 function Fi({ 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: u, text: f } = i, m = `${L(t)}item.html?id=${r?.id}`;
-  return ce(`${u}${f}`, c`<calcite-dropdown-item .iconEnd=${a ? "launch" : void 0} .href=${u === "details" ? m : i.href} .target=${a ? "_blank" : void 0} @calciteDropdownItemSelect=${(v) => {
-    if (u === "rename") {
+  const { external: a, id: c, text: h } = i, f = `${E(t)}item.html?id=${r?.id}`;
+  return ce(`${c}${h}`, l`<calcite-dropdown-item .iconEnd=${a ? "launch" : void 0} .href=${c === "details" ? f : i.href} .target=${a ? "_blank" : void 0} @calciteDropdownItemSelect=${(g) => {
+    if (c === "rename") {
       o?.();
       return;
     }
-    u === "details" && e({ event: v, href: m }), s?.({ type: u });
-  }}>${f}${u === "save" && c`<calcite-icon icon=bullet-point-large class="project__indicator" scale=s></calcite-icon>` || ""}</calcite-dropdown-item>`);
+    c === "details" && e({ event: g, href: f }), s?.({ type: c });
+  }}>${h}${c === "save" && l`<calcite-icon icon=bullet-point-large class="project__indicator" scale=s></calcite-icon>` || ""}</calcite-dropdown-item>`);
 }
-function Bi({ navigate: e, portal: t, projectTitle: i, editedProjectTitle: n, handleProjectTitleSave: r, handleProjectTitleEdit: o, handleProjectTitleCancel: s, openProjectTitleEdit: a, portalItem: u, projectTitleEditing: f, projectTitleSaving: m, projectTitleErrorMessage: v, projectMenuIcon: d, projectMenuSaveIndicator: S, projectMenuClick: I, projectMenuOptions: w, projectTitleInputRef: P, projectButtonRef: g, messages: y }) {
-  if (!t || !y || !w?.length)
+function zi({ navigate: e, portal: t, projectTitle: i, editedProjectTitle: n, handleProjectTitleSave: r, handleProjectTitleEdit: o, handleProjectTitleCancel: s, openProjectTitleEdit: a, portalItem: c, projectTitleEditing: h, projectTitleSaving: f, projectTitleErrorMessage: g, projectMenuIcon: d, projectMenuSaveIndicator: A, projectMenuClick: k, projectMenuOptions: w, projectTitleInputRef: P, projectButtonRef: y, messages: b }) {
+  if (!t || !b || !w?.length)
     return null;
-  const p = Ui(w, y), l = !!v;
-  return f ? c`<form class="rename" @submit=${async (b) => {
-    b.preventDefault(), await r?.(n);
-  }} @keydown=${(b) => {
-    b.key === "Escape" && s?.();
-  }}><calcite-input id=project-title-input type=text scale=l class="rename__input" .label=${y.title} .value=${n} .status=${l ? "invalid" : "idle"} @calciteInputInput=${(b) => o?.(b.target.value)} ${F(P)}></calcite-input>${l && c`<calcite-popover open .label=${y.error} .referenceElement=${P?.value || "project-title-input"} pointer-disabled placement=bottom-start><calcite-notice kind=danger open><div slot=message>${v}</div></calcite-notice></calcite-popover>` || ""}<calcite-action .disabled=${m} icon=check scale=l .text=${y?.saveRename} active class="rename__action" type=submit .loading=${m}></calcite-action><calcite-action .disabled=${m} icon=x scale=l .text=${y?.cancelRename} class="rename__action" @click=${() => s?.()}></calcite-action></form>` : c`<calcite-dropdown width=m class="fade-in"><calcite-button slot=trigger .iconStart=${d} icon-end=chevron-down scale=m class="project" appearance=transparent kind=neutral ${F(g)}><span class="project__text">${i}${S && c`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}</span></calcite-button>${j(Object.entries(p).filter(([b, A]) => A.length), ([b, A]) => b, ([b, A]) => c`<calcite-dropdown-group selection-mode=none>${A.map((h) => Fi({ menuItem: h, navigate: e, portal: t, messages: y, portalItem: u, openProjectTitleEdit: a, projectMenuClick: I }))}</calcite-dropdown-group>`)}</calcite-dropdown>`;
-}
-function zi(e) {
+  const m = Bi(w, b), u = !!g;
+  return h ? l`<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=${b.title} .value=${n} .status=${u ? "invalid" : "idle"} @calciteInputInput=${(v) => o?.(v.target.value)} ${F(P)}></calcite-input>${u && l`<calcite-popover open .label=${b.error} .referenceElement=${P?.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=${f} icon=check scale=l .text=${b?.saveRename} active class="rename__action" type=submit .loading=${f}></calcite-action><calcite-action .disabled=${f} icon=x scale=l .text=${b?.cancelRename} class="rename__action" @click=${() => s?.()}></calcite-action></form>` : l`<calcite-dropdown width=m class="fade-in"><calcite-button slot=trigger .iconStart=${d} icon-end=chevron-down scale=m class="project" appearance=transparent kind=neutral ${F(y)}><span class="project__text">${i}${A && l`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}</span></calcite-button>${G(Object.entries(m).filter(([v, T]) => T.length), ([v, T]) => v, ([v, T]) => l`<calcite-dropdown-group selection-mode=none>${T.map((p) => Fi({ menuItem: p, navigate: e, portal: t, messages: b, portalItem: c, openProjectTitleEdit: a, projectMenuClick: k }))}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+}
+function Wi(e) {
   return ["Location Platform", "Online", "Enterprise"].includes(e);
 }
-function Le({
+function Ee({
   portal: e,
   searchType: t,
   searchTerm: i
 }) {
   const r = e?.sourceJSON?.vectorSearchEnabled ? `&mode=${t}` : "";
-  return `${L(e)}search.html?q=${i}${r}`;
+  return `${E(e)}search.html?q=${i}${r}`;
 }
 function Ri({ portal: e, item: t, messages: i, navigate: n }) {
   if (!t || !i)
     return null;
-  const r = K(i.by, {
-    itemType: Ct(t),
+  const r = Q(i.by, {
+    itemType: Mt(t),
     owner: t.owner
-  }), o = `${L(e)}item.html?id=${t.id}`;
-  return ce(t.id, c`<li class="list-item"><a class="list-item__link" href=${o ?? M} @click=${(s) => n({ event: s, href: 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>`);
+  }), o = `item.html?id=${t.id}`, s = `${E(e)}${o}`;
+  return ce(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>`);
 }
-function Wi({ portal: e, suggestions: t, messages: i, navigate: n, searchType: r, searchTerm: o }) {
+function Vi({ portal: e, suggestions: t, messages: i, navigate: n, searchType: r, searchTerm: o }) {
   if (!i || !e || !o)
     return null;
   if (!t)
-    return c`<div><calcite-loader scale=l .label=${i.loadingResults}></calcite-loader></div>`;
-  const s = Le({ portal: e, searchType: r, searchTerm: o });
-  return c`<ul class="list">${t.map((a) => Ri({ messages: i, portal: e, item: a, 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=${s} @click=${(a) => {
+    return l`<div><calcite-loader scale=l .label=${i.loadingResults}></calcite-loader></div>`;
+  const s = Ee({ portal: e, searchType: r, searchTerm: o });
+  return l`<ul class="list">${t.map((a) => Ri({ messages: i, portal: e, item: a, 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=${s} @click=${(a) => {
     n({ href: s, event: a });
   }}>${i.viewAll}</calcite-button></div>`;
 }
-function Vi({ portal: e, messages: t, searchType: i, handleSearchTypeChange: n }) {
+function Hi({ portal: e, messages: t, searchType: i, handleSearchTypeChange: n }) {
   if (!t || !e?.sourceJSON?.vectorSearchEnabled)
     return null;
   const r = i === "keyword", o = t.searchType;
-  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>`;
+  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>`;
 }
-function Hi({ navigate: e, product: t, portal: i, messages: n, searchActive: r, searchType: o, searchTerm: s, suggestions: a, searchInputRef: u, searchActionRef: f, searchPopoverRef: m, handleSearch: v, handleToggleSearch: d, handleSearchTypeChange: S }) {
-  if (!zi(t) || !n || !i)
+function qi({ navigate: e, product: t, portal: i, messages: n, searchActive: r, searchType: o, searchTerm: s, suggestions: a, searchInputRef: c, searchActionRef: h, searchPopoverRef: f, handleSearch: g, handleToggleSearch: d, handleSearchTypeChange: A }) {
+  if (!Wi(t) || !n || !i)
     return null;
-  const I = Le({ portal: i, searchTerm: s, searchType: o });
-  return r ? c`<div class="search" id=search-reference-element><calcite-input type=search scale=l icon=search class="search__input" @calciteInputInput=${(w) => v(w.target.value)} @keydown=${(w) => {
-    w.key === "Enter" && (e({ href: I, event: w }), w.defaultPrevented || (window.location.href = I)), w.key === "Escape" && d(!1);
-  }} ${F(u)}></calcite-input><calcite-action icon=x scale=l .text=${n?.close} active class="search__action" @click=${() => d(!1)}></calcite-action><calcite-popover .label=${n.suggestions} reference-element=search-reference-element .open=${r && !!s} pointer-disabled placement=bottom-start trigger-disabled .focusTrapOptions=${{ initialFocus: !1 }} ${F(m)}><div class="suggestions__header"><h3 class="suggestions__title">${n.topResults}</h3>${Vi({ portal: i, messages: n, searchType: o, handleSearchTypeChange: S })}</div><div class="suggestions__results">${Wi({ portal: i, suggestions: a, navigate: e, messages: n, searchType: o, searchTerm: s })}</div></calcite-popover></div>` : c`<calcite-action icon=search scale=l text=search class="search__action fade-in" @click=${() => d(!0)} ${F(f)}></calcite-action>`;
-}
-function qi({ signIn: e, messages: t }) {
-  return c`<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>`;
-}
-function Ji({ navigate: e, portal: t, product: i, links: n, messages: r, searchActive: o }) {
-  return !i || !t || !r || !pe(i) || !n || o ? null : c`<calcite-menu slot=content-start .label=${r.label} class="site-nav fade-in">${j(n, ({ href: s }) => s, ({ label: s, href: a }) => c`<calcite-menu-item .text=${s} text-enabled .label=${s} .href=${a} .active=${Ni(a)} @click=${(u) => e({ event: u, href: a })}></calcite-menu-item>`)}</calcite-menu>`;
-}
-function Ki({ userLinks: e, messages: t, openAccountSwitcher: i, portal: n, signOut: r, textDisabled: o }) {
-  const s = n?.user;
-  return !s || !e || !t || e?.account?.options.length < 1 && e?.resources?.options.length < 1 ? null : c`<div slot=user class="user fade-in"><calcite-navigation-user id=navigation-user full-name=${s?.fullName ?? M} .username=${s?.username} .thumbnail=${s.thumbnailUrl || void 0} .userId=${s?.id} .textDisabled=${o}></calcite-navigation-user><calcite-dropdown width=m reference-element=navigation-user>${o && c`<div class="user__top"><arcgis-portal-user-avatar .user=${s} .portal=${n} scale=l class="user__avatar"></arcgis-portal-user-avatar><div class="user__top__text"><h2 class="user__top__full">${s.fullName}</h2><p class="user__top__username">${s.username}</p></div></div>` || ""}${Object.values(e).filter((a) => a.options.length).map(({ title: a, options: u }) => c`<calcite-dropdown-group selection-mode=none .groupTitle=${a}>${u.map(({ icon: f, label: m, href: v }) => c`<calcite-dropdown-item .iconStart=${f} .href=${v}>${m}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}<calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=sign-out @calciteDropdownItemSelect=${() => r()}>${t.signOut}</calcite-dropdown-item>${i && c`<calcite-dropdown-item icon-start=users @calciteDropdownItemSelect=${(a) => {
-    const u = Mt(a.target, "calcite-dropdown");
-    u && (u.open = !1), i();
+  const k = Ee({ portal: i, searchTerm: s, searchType: o });
+  return r ? l`<div class="search" id=search-reference-element><calcite-input type=search scale=l icon=search class="search__input" @calciteInputInput=${(w) => g(w.target.value)} @keydown=${(w) => {
+    w.key === "Enter" && (e({ href: k, event: w }), w.defaultPrevented || (window.location.href = k)), w.key === "Escape" && d(!1);
+  }} ${F(c)}></calcite-input><calcite-action icon=x scale=l .text=${n?.close} active class="search__action" @click=${() => d(!1)}></calcite-action><calcite-popover .label=${n.suggestions} reference-element=search-reference-element .open=${r && !!s} pointer-disabled placement=bottom-start trigger-disabled .focusTrapOptions=${{ initialFocus: !1 }} ${F(f)}><div class="suggestions__header"><h3 class="suggestions__title">${n.topResults}</h3>${Hi({ portal: i, messages: n, searchType: o, handleSearchTypeChange: A })}</div><div class="suggestions__results">${Vi({ portal: i, suggestions: a, navigate: e, messages: n, searchType: o, searchTerm: s })}</div></calcite-popover></div>` : l`<calcite-action icon=search scale=l text=search class="search__action fade-in" @click=${() => d(!0)} ${F(h)}></calcite-action>`;
+}
+function Ji({ 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>`;
+}
+function Ki({ 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">${G(n, ({ href: a }) => a, ({ label: a, href: c, relativePath: h }) => l`<calcite-menu-item .text=${a} text-enabled .label=${a} .href=${c} .active=${Ci(c, o)} @click=${(f) => e({ event: f, href: c, relativePath: h })}></calcite-menu-item>`)}</calcite-menu>`;
+}
+function Qi({ 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 slot=user class="user fade-in"><calcite-navigation-user id=navigation-user full-name=${a?.fullName ?? L} .username=${a?.username} .thumbnail=${a.thumbnailUrl || void 0} .userId=${a?.id} .textDisabled=${s}></calcite-navigation-user><calcite-dropdown width=m reference-element=navigation-user>${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">${a.fullName}</h2><p class="user__top__username">${a.username}</p></div></div>` || ""}${Object.values(e).filter((c) => c.options.length).map(({ title: c, options: h }) => l`<calcite-dropdown-group selection-mode=none .groupTitle=${c}>${h.map(({ icon: f, label: g, href: d, relativePath: A }) => l`<calcite-dropdown-item .iconStart=${f} .href=${d} @keydown=${(k) => {
+    (k.key === "Enter" || k.key === " ") && i({ event: k, href: d, relativePath: A });
+  }} @click=${(k) => {
+    i({ event: k, href: d, relativePath: A });
+  }}>${g}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}<calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=sign-out @calciteDropdownItemSelect=${() => o()}>${t.signOut}</calcite-dropdown-item>${n && l`<calcite-dropdown-item icon-start=users @calciteDropdownItemSelect=${(c) => {
+    const h = Lt(c.target, "calcite-dropdown");
+    h && (h.open = !1), n();
   }}>${t.switchAccounts}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-dropdown></div>`;
 }
 const Oe = {
   community: "https://community.esri.com/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2Fcommunity.esri.com%2F",
   myEsri: "https://my.esri.com"
 };
-function Qi({
+function Xi({
   messages: e,
   userLinks: t
 }) {
@@ -1198,7 +1222,7 @@ function Qi({
     i[n.group].options.push(n);
   }), i;
 }
-function Xi({
+function Yi({
   portal: e,
   messages: t,
   clientId: i
@@ -1208,10 +1232,10 @@ function Xi({
       account: { title: t?.account, options: [] },
       resources: { title: t?.account, options: [] }
     };
-  const n = en(e), r = Yi({ navLinkDictionary: n, messages: t, clientId: i });
-  return Qi({ userLinks: r, messages: t });
+  const n = tn(e), r = Zi({ navLinkDictionary: n, messages: t, clientId: i });
+  return Xi({ userLinks: r, messages: t });
 }
-function Yi({
+function Zi({
   navLinkDictionary: e,
   messages: t,
   clientId: i
@@ -1226,34 +1250,37 @@ function Yi({
     "arcgisBlog",
     "help"
   ];
-  return (ue(i) || de(i)) && (n = ["mySettings", "arcgisBlog", "help"]), Ce(i) && (n = []), Zi(n, t, e);
+  return (ue(i) || de(i)) && (n = ["mySettings", "arcgisBlog", "help"]), Me(i) && (n = []), en(n, t, e);
 }
-function Zi(e, t, i) {
+function en(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: u, group: f } = o;
+      const { href: s, newTab: a, icon: c, group: h, relativePath: f } = o;
       n.push({
         label: t[r],
-        group: f,
+        group: h,
         href: s,
         newTab: a,
-        icon: u
+        relativePath: f,
+        icon: c
       });
     }
   }), n;
 }
-function en(e) {
-  const t = L(e), i = tn(e);
+function tn(e) {
+  const t = E(e), i = nn(e), n = `user.html${window.location.pathname.includes("home/user.html") ? "?nav=1" : ""}`;
   return {
     myProfile: {
-      href: `${t}user.html${window.location.pathname.includes("home/user.html") ? "?nav=1" : ""}`,
+      href: `${t}${n}`,
+      relativePath: n,
       group: "account",
       icon: "user"
     },
     mySettings: {
-      href: `${t}user.html${window.location.pathname.includes("home/user.html") ? "?nav=1" : ""}#settings`,
+      href: `${t}${n}#settings`,
+      relativePath: `${n}#settings`,
       group: "account",
       icon: "gear"
     },
@@ -1274,7 +1301,7 @@ function en(e) {
       show: i,
       group: "account",
       icon: "globe",
-      href: rn(e),
+      href: on(e),
       newTab: !0
     },
     arcgisBlog: {
@@ -1288,41 +1315,41 @@ function en(e) {
       show: i,
       group: "resources",
       icon: "education",
-      href: nn(e),
+      href: rn(e),
       newTab: !0
     },
     trialDownload: {
       group: "resources",
       icon: "download-to",
-      show: sn(e),
+      show: an(e),
       href: `${t}/home/user.html${window.location.pathname.includes("home/user.html") ? "?nav=1&tab=licenses" : "?tab=licenses"}#settings`
     }
   };
 }
-function tn(e) {
+function nn(e) {
   return !e.isPortal && e?.user?.sourceJSON?.userType === "both";
 }
-function nn(e) {
-  return Ee(
+function rn(e) {
+  return je(
     e,
     `${window.location.protocol}//www.esri.com/training/arcgis-online-training`
   );
 }
-function rn(e) {
-  return Ee(e, Oe.myEsri);
+function on(e) {
+  return je(e, Oe.myEsri);
 }
-function Ee(e, t) {
-  const i = ae(e), n = on(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}`;
+function je(e, t) {
+  const i = ae(e), n = sn(e), r = `https://accounts${n ? n === "dev" ? "-dev" : "-stg" : ""}.esri.com/`, o = `&authBaseUrl=${J(i.replace("/sharing/rest/", ""), e)}`, s = `${r}LoginHandler/switchuser?`, a = `username=${e?.user?.username ?? ""}&redirect_uri=${t}${o}`;
   return `${s}${a}`;
 }
-function on(e) {
+function sn(e) {
   const t = e.portalHostname;
   return t?.includes("dev") ? "dev" : t?.includes("qa") ? "qa" : "";
 }
-function sn(e) {
+function an(e) {
   return !e?.isPortal && ["Trial", "Trial Press"].includes(e?.sourceJSON.subscriptionInfo?.type);
 }
-function an(e) {
+function cn(e) {
   switch (e) {
     case "360 VR":
       return {
@@ -1543,48 +1570,48 @@ function an(e) {
       };
   }
 }
-function cn({
+function ln({
   product: e,
   portal: t,
   clientId: i
 }) {
   return e !== "Online" ? e : t?.sourceJSON?.subscriptionInfo?.options?.includes("Developer") ? "Location Platform" : de(i) ? "GeoAnalytics Fabric" : ue(i) ? "GeoAnalytics Engine" : t?.isPortal ? "Enterprise" : "Online";
 }
-function ln(e) {
-  const t = cn(e), { name: i, fileName: n, icon: r } = an(t);
+function un(e) {
+  const t = ln(e), { name: i, fileName: n, icon: r } = cn(t);
   return {
     name: i,
     glyph: te(`assets/portal-navigation/product-logos/${n}-glyph-32.svg`),
     icon: te(`assets/portal-navigation/apps/${r}.avif`)
   };
 }
-function un() {
-  const e = gt();
+function dn() {
+  const e = bt();
   ["item.html", "group.html"].some((t) => window.location.href.includes(t)) ? window.location.href = `./signin.html?locale=${e}&useLandingPage=false&returnUrl=${encodeURIComponent(
     window.location.href
   )}` : window.location.href = `./signin.html?locale=${e}&useLandingPage=true`;
 }
-function dn({ portal: e, clientId: t }) {
-  const i = Q({ portal: e });
+function pn({ portal: e, clientId: t }) {
+  const i = W({ 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`;
-    hn(e, n);
+    const n = e.access === "private" ? J("signin.html", e) : e.allSSL || window.location.protocol === "https:" ? J("./index.html", e) : `${i}/index.html`;
+    mn(e, n);
   } else
     window.location.href = `${i}/pages/Account/manage_accounts.html#client_id=${t}&signout=true`;
 }
-function pn() {
-  Xt(we), Yt(we);
+function hn() {
+  Yt(we), Zt(we);
 }
-function hn(e, t = window.location.href) {
-  const i = window.location.href.startsWith("http://"), n = wt(e);
-  Ot.destroyCredentials(), pn();
-  const r = new URL(q(`${ae(e)}oauth2/signout`, e)), { searchParams: o } = r;
+function mn(e, t = window.location.href) {
+  const i = window.location.href.startsWith("http://"), n = yt(e);
+  Ot.destroyCredentials(), hn();
+  const r = new URL(J(`${ae(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 O(e, t) {
+function j(e, t) {
   if (!e)
     return 0;
-  const i = Lt({ text: e, font: `${t === "s" ? ".875rem" : "1rem"} 'Avenir Next'` });
+  const i = Et({ text: e, font: `${t === "s" ? ".875rem" : "1rem"} 'Avenir Next'` });
   return Math.ceil(i);
 }
 function fn({
@@ -1597,28 +1624,28 @@ function fn({
 }) {
   if (!t || !e)
     return;
-  const s = e.user, u = pe(t) && n?.length ? 24 + n.reduce((v, d) => v + 16 + O(d.label) + 16, 0) : 0, f = 40 + O(i) + 32 + 16 + 16 + 12, m = s ? Math.max(O(s?.username, "s"), O(s?.fullName)) : O(r?.signIn);
+  const s = e.user, c = pe(t) && n?.length ? 24 + n.reduce((g, d) => g + 16 + j(d.label) + 16, 0) : 0, h = 40 + j(i) + 32 + 16 + 16 + 12, f = s ? Math.max(j(s?.username, "s"), j(s?.fullName)) : j(r?.signIn);
   return {
     actions: 192,
-    project: i ? f : 0,
-    product: 64 + Math.max(O(o?.name), O(e.name, "s")) + 16,
-    nav: u,
-    user: 64 + m + 16
+    project: i ? h : 0,
+    product: 64 + Math.max(j(o?.name), j(e.name, "s")) + 16,
+    nav: c,
+    user: 64 + f + 16
   };
 }
-function mn({
+function gn({
   measurements: e,
   screenWidth: t
 }) {
-  const { actions: i, nav: n, product: r, project: o, user: s } = e, a = 64, u = t - i - a > n, f = t - i - (u ? n : 0) - o - a > r, m = t - n - o - i - r < s;
+  const { actions: i, nav: n, product: r, project: o, user: s } = e, a = 64, c = t - i - a > n, h = t - i - (c ? n : 0) - o - a > r, f = t - n - o - i - r < s;
   return {
-    nav: u,
-    product: f,
-    user: m ? "avatar" : "full"
+    nav: c,
+    product: h,
+    user: f ? "avatar" : "full"
   };
 }
-const je = ' -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 _e({
+const De = ' -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 ye({
   portal: e,
   searchTerm: t
 }) {
@@ -1627,7 +1654,7 @@ async function _e({
   try {
     return (await e.queryItems({
       ...t ? { query: t } : {},
-      filter: `owner:${e.user.username}${je}`,
+      filter: `owner:${e.user.username}${De}`,
       num: 20,
       sortField: "modified",
       sortOrder: "desc"
@@ -1636,37 +1663,37 @@ async function _e({
     return [];
   }
 }
-async function gn({
+async function bn({
   portal: e,
   searchTerm: t
 }) {
   if (!e?.user)
     return [];
-  const i = jt((t || "").substring(0, 409)), n = `${e?.id ? `accountid:"${e.id}"` : ""}${je}`, r = `${ae(e)}search/suggest`;
-  return (await D(r, { query: {
+  const i = Dt((t || "").substring(0, 409)), n = `${e?.id ? `accountid:"${e.id}"` : ""}${De}`, r = `${ae(e)}search/suggest`;
+  return (await U(r, { query: {
     suggest: i,
     filters: n,
     searchFields: "title",
     f: "json"
   } }))?.result?.results || [];
 }
-const bn = dt`:host{display:block}.navigation{width:100%;min-width:0;min-height:4rem;background:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3);display:flex;align-items:stretch}.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-scrim-background: var(--calcite-color-transparent-scrim);--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__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}.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)}.site-nav{margin-inline-start:1.5rem}.project{border-inline-end:1px solid var(--calcite-color-border-3)}.project__indicator{margin-inline-start:1rem;--calcite-ui-icon-color: var(--calcite-color-status-danger);float:inline-end}.project__text{display:flex;font-size:1rem}.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}.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;--calcite-dropdown-item-text-color: var(--calcite-color-text-3);--calcite-dropdown-group-title-text-color: var(--calcite-color-text-2)}.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__top__full{font-size:1rem;font-weight:medium;color:var(--calcite-colot-text-1);padding:0;margin:0}.user__top__username{font-size:1rem;color:var(--calcite-colot-text-2);padding:0;margin:0}`;
-function vn({ messages: e, portal: t, showNav: i, openPlatformMenu: n }) {
-  return !e || i && !t?.user ? null : c`<calcite-action .label=${e.applicationMenu} text="app switcher" icon=app-launcher scale=l class="action" @click=${n}></calcite-action>`;
+const vn = ht`:host{display:block}.wrapper{background:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3)}.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}.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-scrim-background: var(--calcite-color-transparent-scrim);--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__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)}.site-nav{margin-inline-start:1.5rem}.project{border-inline-end:1px solid var(--calcite-color-border-3)}.project__indicator{margin-inline-start:1rem;--calcite-ui-icon-color: var(--calcite-color-status-danger);float:inline-end}.project__text{display:flex;font-size:1rem}.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}.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;--calcite-dropdown-item-text-color: var(--calcite-color-text-3);--calcite-dropdown-group-title-text-color: var(--calcite-color-text-2)}.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__top__full{font-size:1rem;font-weight:medium;color:var(--calcite-colot-text-1);padding:0;margin:0}.user__top__username{font-size:1rem;color:var(--calcite-colot-text-2);padding:0;margin:0}`;
+function wn({ messages: e, portal: t, showNav: i, openPlatformMenu: n }) {
+  return !e || i && !t?.user ? null : l`<calcite-action .label=${e.applicationMenu} text="app switcher" icon=app-launcher scale=l class="action" @click=${n}></calcite-action>`;
 }
-class wn extends ht {
+class yn extends mt {
   constructor() {
     super(...arguments), this.messages = ft({ blocking: !0 }), this.refreshNotifications = async () => {
       const { portal: t, messages: i } = this;
-      this.notifications = await me({ portal: t, locale: i._t9nLocale, t9n: i.notifications });
+      this.notifications = await fe({ portal: t, locale: i._t9nLocale, t9n: i.notifications });
     }, this.deleteNotifications = async (t) => {
       const { portal: i } = this;
       if (t?.length < 20)
-        await zt(i, t);
+        await Wt(i, t);
       else {
         let n = 0;
         for await (const r of t)
-          await Ie({ id: r, portal: i }), this.notificationDeleteProgress = Math.ceil(n++ / t.length * 100);
+          await xe({ id: r, portal: i }), this.notificationDeleteProgress = Math.ceil(n++ / t.length * 100);
       }
       this.notificationDeleteProgress = void 0, this.refreshNotifications();
     }, this.navigate = (t) => {
@@ -1685,7 +1712,7 @@ class wn extends ht {
       });
     }, this.handleProjectTitleSave = async (t) => {
       this.projectTitleSaving = !0;
-      const n = await (this.projectTitleSave || Di)(t);
+      const n = await (this.projectTitleSave || Gi)(t);
       if (this.projectTitleSaving = !1, n.status === "success") {
         this.closeProjectTitleEdit();
         return;
@@ -1697,9 +1724,9 @@ class wn extends ht {
       this.editedProjectTitle = this.projectTitle, this.closeProjectTitleEdit();
     }, this.signOut = () => {
       const { portal: t, clientId: i } = this;
-      dn({ portal: t, clientId: i }), this.arcgisNavigationSignOut.emit();
+      pn({ portal: t, clientId: i }), this.arcgisNavigationSignOut.emit();
     }, this.signIn = () => {
-      this.arcgisNavigationSignIn.emit(), un();
+      this.arcgisNavigationSignIn.emit(), dn();
     }, this.openAccountSwitcher = () => {
       this.accountSwitcherOpen = !0;
     }, this.handlePlatformClose = () => {
@@ -1707,11 +1734,11 @@ class wn extends ht {
     }, this.handleAppSave = async () => {
       const { hiddenApps: t, sortedApps: i, userProperties: n, portal: r } = this;
       this.apps = [...i], this.editingApplications = !1, this.appsLoading = !0;
-      const { result: o } = await ki({ apps: i, hiddenApps: t, userProperties: n, portal: r });
+      const { result: o } = await Si({ apps: i, hiddenApps: t, userProperties: n, portal: r });
       o?.success && (this.previousAppState = {
         apps: i,
         hiddenApps: t
-      }), await Et(1e3), this.appsLoading = !1;
+      }), await jt(1e3), this.appsLoading = !1;
     }, this.handleAppCancel = () => {
       this.previousAppState && (this.apps = this.previousAppState.apps, this.hiddenApps = this.previousAppState.hiddenApps), this.editingApplications = !1;
     }, this.handleAppHide = ({ app: t, hidden: i }) => {
@@ -1721,10 +1748,10 @@ class wn extends ht {
       n.splice(t, 1), n.splice(i, 0, r), this.sortedApps = n;
     }, this.handleItemSearch = (t) => {
       this.recentContentLoading = !0, this.recentContentSearchTerm = t, this.debouncedItemSearch(t);
-    }, this.debouncedItemSearch = fe(async (t) => {
-      this.recentContent = await _e({ portal: this.portal, searchTerm: t }), this.recentContentLoading = !1;
-    }, 1e3), this.debouncedSuggest = fe(async (t) => {
-      this.suggestions = await gn({ portal: this.portal, searchTerm: t });
+    }, this.debouncedItemSearch = me(async (t) => {
+      this.recentContent = await ye({ portal: this.portal, searchTerm: t }), this.recentContentLoading = !1;
+    }, 1e3), this.debouncedSuggest = me(async (t) => {
+      this.suggestions = await bn({ portal: this.portal, searchTerm: t });
     }, 1e3), this.handleSearch = (t) => {
       this.searchTerm = t, this.suggestions = void 0, this.debouncedSuggest(t);
     }, this.sizeSearchPopover = () => {
@@ -1743,27 +1770,27 @@ class wn extends ht {
       });
     }, this.handleSearchTypeChange = (t) => {
       this.searchType = t;
-    }, this.searchInput = U(), this.searchAction = U(), this.searchPopover = U(), this.projectTitleInputRef = U(), this.projectButtonRef = U(), this.links = [], this.notifications = [], this.apps = [], this.hiddenApps = {}, this.sortedApps = [], this.appsSearchTerm = "", this.appsLoading = !0, this.editingApplications = !1, this.recentContent = [], this.recentContentSearchTerm = "", this.recentContentLoading = !0, this.platformMenuOpen = !1, this.accountSwitcherOpen = !1, this.projectTitleEditing = !1, this.projectTitleSaving = !1, this.screenWidth = window.innerWidth, this.searchActive = !1, this.searchTerm = "", this.searchType = "keyword", this.projectMenuOptions = [], this.arcgisNavigate = H(), this.arcgisNavigationProjectMenuClick = H(), this.arcgisNavigationSignIn = H(), this.arcgisNavigationSignOut = H();
+    }, this.searchInput = B(), this.searchAction = B(), this.searchPopover = B(), this.projectTitleInputRef = B(), this.projectButtonRef = B(), this.links = [], this.notifications = [], this.apps = [], this.hiddenApps = {}, this.sortedApps = [], this.appsSearchTerm = "", this.appsLoading = !0, this.editingApplications = !1, this.recentContent = [], this.recentContentSearchTerm = "", this.recentContentLoading = !0, this.platformMenuOpen = !1, this.accountSwitcherOpen = !1, this.projectTitleEditing = !1, this.projectTitleSaving = !1, this.screenWidth = window.innerWidth, this.searchActive = !1, this.searchTerm = "", this.searchType = "keyword", this.projectMenuOptions = [], this.currentPathname = window.location.pathname, this.arcgisNavigate = q(), this.arcgisNavigationProjectMenuClick = q(), this.arcgisNavigationSignIn = q(), this.arcgisNavigationSignOut = q();
   }
   static {
-    this.properties = { infoBanner: 16, links: 16, userLinks: 16, notifications: 16, apps: 16, hiddenApps: 16, sortedApps: 16, previousAppState: 16, appsSearchTerm: 16, appsLoading: 16, editingApplications: 16, recentContent: 16, recentContentSearchTerm: 16, recentContentLoading: 16, platformMenuOpen: 16, accountSwitcherOpen: 16, editedProjectTitle: 16, projectTitleEditing: 16, projectTitleSaving: 16, projectTitleErrorMessage: 16, productInfo: 16, notificationDeleteProgress: 16, measurements: 16, screenWidth: 16, showProduct: 16, showNav: 16, showUser: 16, searchActive: 16, searchTerm: 16, suggestions: 16, searchType: 16, portal: 0, portalItem: 0, product: 1, productHref: 1, projectTitle: 1, projectTitleSave: 0, projectMenuIcon: 1, projectMenuSaveIndicator: 5, projectMenuOptions: 0, disableTrackViewer: 5, disableNotebookServer: 5, clientId: 1 };
+    this.properties = { infoBanner: 16, links: 16, userLinks: 16, notifications: 16, apps: 16, hiddenApps: 16, sortedApps: 16, previousAppState: 16, appsSearchTerm: 16, appsLoading: 16, editingApplications: 16, recentContent: 16, recentContentSearchTerm: 16, recentContentLoading: 16, platformMenuOpen: 16, accountSwitcherOpen: 16, editedProjectTitle: 16, projectTitleEditing: 16, projectTitleSaving: 16, projectTitleErrorMessage: 16, productInfo: 16, notificationDeleteProgress: 16, measurements: 16, screenWidth: 16, showProduct: 16, showNav: 16, showUser: 16, searchActive: 16, searchTerm: 16, suggestions: 16, searchType: 16, portal: 0, portalItem: 0, product: 1, productHref: 1, projectTitle: 1, projectTitleSave: 0, projectMenuIcon: 1, projectMenuSaveIndicator: 5, projectMenuOptions: 0, disableTrackViewer: 5, disableNotebookServer: 5, clientId: 1, currentPathname: 1, maxWidth: 9 };
   }
   static {
-    this.styles = bn;
+    this.styles = vn;
   }
   #e;
   async loaded() {
     const { portal: t, messages: i, clientId: n, product: r } = this;
-    this.calculateMeasurements(), this.productInfo = ln({ product: r, clientId: n, portal: t }), this.userLinks = Xi({ portal: t, messages: i.user, clientId: n }), this.notifications = await me({ portal: t, locale: i._t9nLocale, t9n: i.notifications }), this.recentContent = await _e({ portal: t }), this.recentContentLoading = !1;
-    const { apps: o, hiddenApps: s, signInSettings: a, licenses: u, userProperties: f } = await $i({
+    this.calculateMeasurements(), this.productInfo = un({ product: r, clientId: n, portal: t }), this.userLinks = Yi({ portal: t, messages: i.user, clientId: n }), this.notifications = await fe({ portal: t, locale: i._t9nLocale, t9n: i.notifications }), this.recentContent = await ye({ portal: t }), this.recentContentLoading = !1;
+    const { apps: o, hiddenApps: s, signInSettings: a, licenses: c, userProperties: h } = await Ai({
       portal: t,
       trackViewerEnabled: !this.disableTrackViewer,
       notebookServerEnabled: !this.disableNotebookServer
-    }), m = await It(t);
-    this.infoBanner = m?.informationalBanner, this.userProperties = f, this.apps = o, this.hiddenApps = s, this.sortedApps = o, this.previousAppState = { apps: o, hiddenApps: s }, this.appsLoading = !1, this.links = Pi({
+    }), f = await xt(t);
+    this.infoBanner = f?.informationalBanner, this.userProperties = h, this.apps = o, this.hiddenApps = s, this.sortedApps = o, this.previousAppState = { apps: o, hiddenApps: s }, this.appsLoading = !1, this.links = Ti({
       portal: t,
       messages: i.links,
-      licenses: u,
+      licenses: c,
       clientId: n,
       signInSettings: a
     }), this.calculateMeasurements();
@@ -1796,18 +1823,18 @@ class wn extends ht {
     }
   }
   updateBreakpoints() {
-    const { measurements: t, screenWidth: i } = this;
+    const { measurements: t, maxWidth: i } = this;
     if (t) {
-      const n = mn({ measurements: t, screenWidth: i });
-      this.showProduct = n.product, this.showNav = n.nav, this.showUser = n.user;
+      const n = i ? Math.min(this.screenWidth, i) : this.screenWidth, r = gn({ measurements: t, screenWidth: n });
+      this.showProduct = r.product, this.showNav = r.nav, this.showUser = r.user;
     }
   }
   render() {
-    const { accountSwitcherOpen: t, apps: i, appsLoading: n, appsSearchTerm: r, handleAppCancel: o, handleAppHide: s, handleAppReorder: a, handleAppSave: u, handleItemSearch: f, handlePlatformClose: m, handleSearch: v, handleToggleSearch: d, handleSearchTypeChange: S, hiddenApps: I, infoBanner: w, links: P, messages: g, navigate: y, notifications: p, notificationDeleteProgress: l, openAccountSwitcher: b, portal: A, portalItem: h, product: _, productInfo: $, productHref: k, projectTitle: G, editedProjectTitle: z, handleProjectTitleSave: T, handleProjectTitleEdit: R, handleProjectTitleCancel: W, openProjectTitleEdit: De, openPlatformMenu: Ge, platformMenuOpen: Ue, projectTitleEditing: X, projectTitleSaving: Fe, projectTitleErrorMessage: Be, projectMenuIcon: ze, projectMenuSaveIndicator: Re, projectMenuClick: We, projectMenuOptions: Ve, projectTitleInputRef: He, projectButtonRef: qe, recentContent: Je, recentContentSearchTerm: Ke, recentContentLoading: Qe, userLinks: Xe, searchActive: V, searchTerm: Ye, searchType: Ze, searchInput: et, searchAction: tt, searchPopover: it, showNav: Y, showProduct: nt, showUser: rt, suggestions: ot } = this, st = A?.user, at = pe(_) && !P?.length || !this.measurements;
-    return c`<arcgis-portal-info-banner .config=${w}></arcgis-portal-info-banner>${A?.isPortal && h?.loaded && c`<arcgis-portal-classification-banner .portalItem=${h}></arcgis-portal-classification-banner>` || ""}<header class=${oe({ navigation: !0, "navigation--loading": at })}>${vn({ messages: g?.platform, portal: A, showNav: Y, openPlatformMenu: Ge })}${nt && Dt({ navigate: y, portal: A, product: _, productInfo: $, productHref: k, messages: g?.logo, showNav: Y, searchActive: V, projectTitleEditing: X }) || ""}${Bi({ navigate: y, portal: A, portalItem: h, messages: g?.project, projectTitle: G, editedProjectTitle: z, handleProjectTitleSave: T, handleProjectTitleEdit: R, openProjectTitleEdit: De, projectTitleErrorMessage: Be, handleProjectTitleCancel: W, projectTitleEditing: X, projectTitleSaving: Fe, projectMenuIcon: ze, projectMenuSaveIndicator: Re, projectMenuClick: We, projectMenuOptions: Ve, projectTitleInputRef: He, projectButtonRef: qe })}${Y && Ji({ searchActive: V, navigate: y, portal: A, product: _, messages: g?.links, links: P }) || ""}<div slot=content-end class="content-end fade-in" .hidden=${X || V}><slot name=content-end></slot></div>${Hi({ navigate: y, portal: A, product: _, messages: g?.search, searchActive: V, searchType: Ze, searchTerm: Ye, suggestions: ot, handleSearch: v, handleToggleSearch: d, handleSearchTypeChange: S, searchInputRef: et, searchActionRef: tt, searchPopoverRef: it })}${st ? c`<calcite-menu class="border-start fade-in" label=test>${Ht({ notifications: p, messages: g?.notifications })}${qt({ notifications: p, deleteNotifications: this.deleteNotifications, messages: g?.notifications, notificationDeleteProgress: l })}</calcite-menu>${Ki({ portal: A, userLinks: Xe, openAccountSwitcher: A?.isPortal ? void 0 : b, signOut: this.signOut, messages: g?.user, textDisabled: rt === "avatar" })}` : qi({ messages: g.user, signIn: this.signIn })}</header>${ji({ locale: g._t9nLocale, navigate: y, portal: A, product: _, productInfo: $, messages: g?.platform, apps: i, appsLoading: n, hiddenApps: I, appsSearchTerm: r, editingApplications: this.editingApplications, open: Ue, links: P, recentContent: Je, recentContentSearchTerm: Ke, recentContentLoading: Qe, handlePlatformClose: m, handleAppReorder: a, handleAppEdit: () => this.editingApplications = !0, handleAppsSearch: (ct) => this.appsSearchTerm = ct, handleAppSave: u, handleAppCancel: o, handleAppHide: s, handleItemSearch: f })}${t && c`<arcgis-portal-account-switcher .portal=${A} .baseUrl=${Q({ portal: A })}></arcgis-portal-account-switcher>` || ""}`;
+    const { accountSwitcherOpen: t, apps: i, appsLoading: n, appsSearchTerm: r, currentPathname: o, handleAppCancel: s, handleAppHide: a, handleAppReorder: c, handleAppSave: h, handleItemSearch: f, handlePlatformClose: g, handleSearch: d, handleToggleSearch: A, handleSearchTypeChange: k, hiddenApps: w, infoBanner: P, links: y, messages: b, navigate: m, notifications: u, notificationDeleteProgress: v, openAccountSwitcher: T, portal: p, portalItem: $, product: _, productInfo: S, productHref: O, projectTitle: R, editedProjectTitle: I, handleProjectTitleSave: C, handleProjectTitleEdit: V, handleProjectTitleCancel: Ge, openProjectTitleEdit: Ue, openPlatformMenu: Be, platformMenuOpen: Fe, projectTitleEditing: X, projectTitleSaving: ze, projectTitleErrorMessage: We, projectMenuIcon: Re, projectMenuSaveIndicator: Ve, projectMenuClick: He, projectMenuOptions: qe, projectTitleInputRef: Je, projectButtonRef: Ke, recentContent: Qe, recentContentSearchTerm: Xe, recentContentLoading: Ye, userLinks: Ze, searchActive: H, searchTerm: et, searchType: tt, searchInput: it, searchAction: nt, searchPopover: rt, showNav: Y, showProduct: ot, showUser: st, suggestions: at } = this, ct = p?.user, lt = pe(_) && !y?.length || !this.measurements;
+    return l`<div class="wrapper" style=${_e({ "--arcgis-portal-navigation-max-width": this.maxWidth ? `${this.maxWidth}px` : "100%" })}><arcgis-portal-info-banner .config=${P}></arcgis-portal-info-banner>${p?.isPortal && $?.loaded && l`<arcgis-portal-classification-banner .portalItem=${$}></arcgis-portal-classification-banner>` || ""}<header class=${oe({ navigation: !0, "navigation--loading": lt })}>${wn({ messages: b?.platform, portal: p, showNav: Y, openPlatformMenu: Be })}${ot && Gt({ navigate: m, portal: p, product: _, productInfo: S, productHref: O, messages: b?.logo, showNav: Y, searchActive: H, projectTitleEditing: X }) || ""}${zi({ navigate: m, portal: p, portalItem: $, messages: b?.project, projectTitle: R, editedProjectTitle: I, handleProjectTitleSave: C, handleProjectTitleEdit: V, openProjectTitleEdit: Ue, projectTitleErrorMessage: We, handleProjectTitleCancel: Ge, projectTitleEditing: X, projectTitleSaving: ze, projectMenuIcon: Re, projectMenuSaveIndicator: Ve, projectMenuClick: He, projectMenuOptions: qe, projectTitleInputRef: Je, projectButtonRef: Ke })}${Y && Ki({ searchActive: H, navigate: m, portal: p, product: _, messages: b?.links, links: y, currentPathname: o }) || ""}<div slot=content-end class="content-end fade-in" .hidden=${X || H}><slot name=content-end></slot></div>${qi({ navigate: m, portal: p, product: _, messages: b?.search, searchActive: H, searchType: tt, searchTerm: et, suggestions: at, handleSearch: d, handleToggleSearch: A, handleSearchTypeChange: k, searchInputRef: it, searchActionRef: nt, searchPopoverRef: rt })}${ct ? l`<div class="border-start fade-in">${qt({ notifications: u, messages: b?.notifications })}${Jt({ notifications: u, navigate: m, portal: p, deleteNotifications: this.deleteNotifications, messages: b?.notifications, notificationDeleteProgress: v })}</div>${Qi({ portal: p, userLinks: Ze, openAccountSwitcher: p?.isPortal ? void 0 : T, signOut: this.signOut, messages: b?.user, textDisabled: st === "avatar", navigate: m })}` : Ji({ messages: b.user, signIn: this.signIn })}</header>${Di({ locale: b._t9nLocale, navigate: m, portal: p, product: _, productInfo: S, messages: b?.platform, apps: i, appsLoading: n, hiddenApps: w, appsSearchTerm: r, editingApplications: this.editingApplications, open: Fe, links: y, recentContent: Qe, recentContentSearchTerm: Xe, recentContentLoading: Ye, handlePlatformClose: g, handleAppReorder: c, handleAppEdit: () => this.editingApplications = !0, handleAppsSearch: (ut) => this.appsSearchTerm = ut, handleAppSave: h, handleAppCancel: s, handleAppHide: a, handleItemSearch: f })}${t && l`<arcgis-portal-account-switcher .portal=${p} .baseUrl=${W({ portal: p })}></arcgis-portal-account-switcher>` || ""}</div>`;
   }
 }
-lt("arcgis-portal-navigation", wn);
+dt("arcgis-portal-navigation", yn);
 export {
-  wn as ArcGISPortalNavigation
+  yn as ArcGISPortalNavigation
 };