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

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

@@ -0,0 +1,1897 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { g as ee, c as $t } from "../../chunks/runtime.js";
+import { safeStyleMap as xe, safeClassMap as te, LitElement as At, createEvent as H } from "@arcgis/lumina";
+import { u as kt } from "../../chunks/useT9n.js";
+import { nothing as L, html as l, svg as xt, css as St } from "lit";
+import { formatDate as It, substitute as K, getLocale as Pt } from "@arcgis/core/intl.js";
+import { g as oe, b as Se } from "../../chunks/url.js";
+import { a as B } from "../../chunks/requests.js";
+import { repeat as U } from "lit/directives/repeat.js";
+import { m as Nt } from "../../chunks/icons.js";
+import { i as M, c as me, a as Ct } from "../../chunks/user2.js";
+import { c as Tt, d as Mt, e as Ot, f as Lt, h as Et } from "../../chunks/portal2.js";
+import { c as jt, d as Dt, e as zt } from "../../chunks/user.js";
+import { i as Ie, a as Gt } from "../../chunks/utils2.js";
+import { g as Ut } from "../../chunks/request.js";
+import { g as Pe } from "../../chunks/item.js";
+import { keyed as se } from "lit/directives/keyed.js";
+import { e as ae, n as Bt, a as ce, f as q, g as Rt } from "../../chunks/portal.js";
+import { ref as W, createRef as F } from "lit/directives/ref.js";
+import { c as Ft, g as Wt } from "../../chunks/dom.js";
+import { debounce as fe } from "@arcgis/toolkit/function";
+import Vt from "@arcgis/core/identity/IdentityManager.js";
+import { t as Ht } from "../../chunks/functionalities.js";
+import { c as qt } from "../../chunks/string.js";
+function ge({ portal: e, productInfo: t }) {
+  const { name: i, glyph: n } = t || {};
+  return l`<img alt class="logo__glyph" src=${n ?? L}><span class="logo__text"><span class="logo__title">${i}</span>${e?.name && l`<span class="logo__subtitle">${e.name}</span>` || ""}</span>`;
+}
+function Jt({ navigate: e, portal: t, product: i, productInfo: n, productHref: r, messages: o, searchActive: s, showNav: a, projectTitleEditing: c }) {
+  const d = s && i === "Online" && !a || i !== "Online" && c && window.innerWidth < 960;
+  return !i || !t || !o || d ? null : r ? l`<a href=${r ?? L} @click=${(m) => {
+    e({ event: m, href: r });
+  }} class="logo fade-in logo--link">${ge({ portal: t, productInfo: n })}</a>` : l`<div class="logo fade-in">${ge({ portal: t, productInfo: n })}</div>`;
+}
+const Y = {}, T = {
+  Month: 2628e3,
+  Week: 604800,
+  Day: 86400,
+  Hour: 3600,
+  Minute: 60,
+  Second: 1
+};
+function Ne(e) {
+  if (!e)
+    return null;
+  const t = Math.floor(e / 1e3), i = Math.abs(t), n = T.Day * 365;
+  switch (!0) {
+    case i < T.Minute:
+      return [Math.floor(t / T.Second), "second"];
+    case i < T.Hour:
+      return [Math.floor(t / T.Minute), "minute"];
+    case i < T.Day:
+      return [Math.floor(t / T.Hour), "hour"];
+    case i < T.Week:
+      return [Math.floor(t / T.Day), "day"];
+    case i < T.Month:
+      return [Math.floor(t / T.Week), "week"];
+    case i < n:
+      return [Math.floor(t / T.Month), "month"];
+    default:
+      return [Math.floor(t / n), "year"];
+  }
+}
+function Ce(e) {
+  return (typeof e == "number" ? e : e.getTime?.()) - (/* @__PURE__ */ new Date()).getTime();
+}
+function Te({ locale: e, time: t, t9n: i }) {
+  if (!e || !t)
+    return "";
+  const n = Ce(t);
+  Y[e] ??= new Intl.RelativeTimeFormat(e, { style: "long" });
+  const r = Ne(n);
+  return r ? r[1] === "second" ? i?.lessThanOneMinute || `< ${Y[e].format(r[0] > 0 ? 1 : -1, "minutes")}` : Y[e].format(r[0], r[1]) : "";
+}
+const Kt = {
+  month: "long",
+  day: "numeric",
+  year: "numeric"
+}, Qt = {
+  month: "long",
+  day: "numeric"
+};
+function Xt({ locale: e, time: t }, i) {
+  if (!e || !t)
+    return "";
+  const n = new Date(t);
+  return It(n, i ? Kt : Qt);
+}
+async function Yt({ portal: e }) {
+  if (!e?.user)
+    return { result: [] };
+  const t = `${e.restUrl}/community/users/${e.user.id}/notifications`, { result: i, error: n } = await B(t);
+  return n ? { error: n } : { result: i?.notifications };
+}
+async function Zt(e, t) {
+  if (!e?.user)
+    return { success: !0 };
+  const i = t.map((o) => ({ portal: e, id: o })).map(Me);
+  return { success: !((await Promise.allSettled(i))?.filter((o) => o.status === "rejected" || !o.value?.success)).length };
+}
+async function Me({
+  portal: e,
+  id: t
+}) {
+  const i = `${e.restUrl}/community/users/${e.user?.id}/notifications/${t}/delete`, { result: n } = await B(i, { method: "post" });
+  return n?.success ? { success: !0, id: t } : { success: !1, id: t };
+}
+const Oe = "notifications-menu";
+function ei(e) {
+  try {
+    const t = decodeURIComponent(e);
+    return t !== e ? t : e;
+  } catch {
+    return e;
+  }
+}
+function ti(e) {
+  switch (e) {
+    case "group_join_admin":
+      return "users";
+    case "group_application_accepted":
+      return "register";
+    case "group_join":
+      return "file-user";
+    case "group_application_declined":
+      return "user-risk";
+    case "user_invitation_declined":
+      return "group-x";
+    case "user_invitation_accepted":
+      return "user-plus";
+    case "user_invite":
+      return "envelope";
+    case "user_added_to_group":
+      return "user-plus";
+    case "collaboration_workspace_added":
+    case "collaboration_deleted":
+    case "collaboration_leaving":
+    case "collaboration_join":
+    case "collaboration_participant_workspace_join":
+    case "collaboration_participant_workspace_unjoin":
+    case "collaboration_participant_removed":
+    case "collaboration_peer_participant_removed":
+    case "collaboration_participant_access_changed":
+      return "collaboration";
+    case "collaboration_participant_join":
+      return "collaboration-user";
+    case "collaboration_content_store_disk_limit_reached":
+      return "gauge";
+    case "user_email_bounced":
+      return "speech-bubble-exclamation";
+    case "feature_layer_copy_over_failed":
+    case "feature_layer_one_way_shared_not_two_way":
+    case "feature_view_copy_over_failed":
+    case "webapp_not_copied":
+    case "webapp_not_copied_portal":
+    case "insights_item_not_copied":
+      return "collaboration";
+    case "scheduled_task_disabled":
+      return "date-time";
+    case "portal_certificate_about_to_expire":
+    case "portal_certificate_expired":
+      return "hourglass-expired";
+    case "notebook_runtime_deprecated":
+      return "notebook-server";
+    case "ingress_certificate_about_to_expire":
+    case "ingress_certificate_expired":
+      return "certificate";
+    default:
+      return "bell";
+  }
+}
+function ii({
+  notification: e,
+  portal: t,
+  locale: i,
+  t9n: n
+}) {
+  if (e?.received && e.id) {
+    const r = {
+      date: Te({ locale: i, time: e.received, t9n: n }),
+      id: e.id,
+      text: "",
+      icon: ti(e.type)
+    };
+    if (e.type === "webapp_not_copied" && t.isPortal && (e.type = "webapp_not_copied_portal"), e.data?.taskTitle && (e.data.taskTitle = ei(e.data.taskTitle)), e.type === "message_received")
+      r.text = e.data.message || "";
+    else if (n.types[e.type]) {
+      const o = oe({ portal: t, usePortalHostname: !!t.user });
+      e.data.baseUrl = `${o}/home/`, r.text = K(n.types[e.type], e.data);
+    }
+    if (r.text)
+      return r;
+  }
+  return null;
+}
+async function be({
+  portal: e,
+  locale: t,
+  t9n: i
+}) {
+  if (!i)
+    return [];
+  const { result: n, error: r } = await Yt({ portal: e });
+  return r && console.error(r), n?.length ? n.map((s) => ii({ notification: s, portal: e, t9n: i, locale: t })).filter((s) => s) : [];
+}
+function ni({ notifications: e, messages: t, handleToggleNotifications: i, handleToggleSearch: n, notificationsActive: r }) {
+  return t ? l`<calcite-action class="action" scale=l .text=${t.label} icon=bell .indicator=${!!e?.length} id=${Oe} @click=${() => i(!r)} @focusin=${() => n(!1, !0)}></calcite-action>` : null;
+}
+function J({ icon: e, title: t, description: i }) {
+  return !t && !i ? null : l`<div class="empty">${e && l`<svg xmlns=http://www.w3.org/2000/svg width=64 height=64 viewBox="0 0 64 64" fill=none>${xt`<path d=${Nt[e] ?? L} fill=var(--calcite-color-border-input) />`}</svg>` || ""}${t && l`<h3 class="notifications__empty__header">${t}</h3>` || ""}${i && l`<p class="notifications__empty__text">${i}</p>` || ""}</div>`;
+}
+function ri({ notifications: e, deleteNotifications: t, messages: i, navigate: n, portal: r, notificationsActive: o, handleToggleNotifications: s, notificationDeleteProgress: a }) {
+  return i ? l`<calcite-popover .referenceElement=${Oe} @calcitePopoverClose=${() => s(!1)} .label=${i.label} auto-close .open=${o} pointer-disabled flip-disabled trigger-disabled placement=bottom-end scale=l .heading=${i.label}>${e?.length > 0 ? l`<div class="notifications notifications--full">${typeof a == "number" && l`<calcite-scrim><calcite-loader type=determinate-value .label=${i.deleting} .value=${a}></calcite-loader></calcite-scrim>` || ""}<calcite-list .label=${i.label} interaction-mode=static class="notifications__list" scale=l>${U(e, (c) => c.id, (c) => l`<calcite-list-item closable @calciteListItemClose=${async () => await t([c.id])} .messageOverrides=${{ close: i.dismissLabel }} .iconStart=${c.icon}><div slot=content class="notification"><div class="notification__message" .innerHTML=${c.text ?? ""} @click=${(d) => {
+    const m = d.target, g = m.href;
+    if (m.nodeName === "CALCITE-LINK" && g) {
+      const p = `${oe({ portal: r, usePortalHostname: !!r.user })}/home/`;
+      n({ event: d, href: g, relativePath: g.replace(p, "") });
+    }
+  }}></div><div class="notification__date">${c.date}</div></div></calcite-list-item>`)}</calcite-list></div><calcite-button class="notifications__dismiss" scale=l appearance=transparent @click=${async (c) => {
+    const d = c.currentTarget?.parentElement;
+    await t(e?.map(({ id: m }) => m)), d.open = !1;
+  }}>${i.dismissAllLabel}</calcite-button>` : l`<div class="notifications">${J({ title: i.noNotifications, description: i.noNotificationsDescription, icon: "check" })}</div>`}</calcite-popover>` : null;
+}
+function oi(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+}
+function si(e, t, i, n) {
+  pi(e, JSON.stringify(t), i);
+}
+function ai(e) {
+  return ui(e, !0);
+}
+function ci(e) {
+  try {
+    window.localStorage.removeItem(e);
+  } catch {
+  }
+}
+function li(e) {
+  try {
+    window.sessionStorage.removeItem(e);
+  } catch {
+  }
+}
+function ui(e, t) {
+  const i = di(e);
+  return i && t ? JSON.parse(i) : i;
+}
+function di(e) {
+  const t = document.cookie, i = new RegExp(`(?:^|; )${oi(e)}=([^;]*)`, "u"), n = t.match(i);
+  return n ? decodeURIComponent(n[1]) : "";
+}
+function pi(e, t, i) {
+  i = i || {};
+  let n = i?.expires;
+  if (typeof n == "number") {
+    const o = /* @__PURE__ */ new Date(), s = n * 24 * 60 * 60 * 1e3;
+    o.setTime(Date.now() + s), n = o, i.expires = o;
+  }
+  typeof n != "string" && n?.toUTCString && (i.expires = n.toUTCString());
+  let r = `${e}=${encodeURIComponent(t)}`;
+  for (const o of Object.keys(i)) {
+    r += `; ${o}`;
+    const s = i[o];
+    s !== !0 && (r += `=${s}`);
+  }
+  document.cookie = r;
+}
+async function hi(e) {
+  const i = `owner:"${e.isPortal ? "esri" : "esri_config"}" AND title:"AppSwitcher Config" AND type:"Application Configuration"`, n = `${e.restUrl}/search`;
+  return await B(n, { query: {
+    num: 1,
+    start: 0,
+    sortField: "title",
+    sortOrder: "asc",
+    q: i
+  } });
+}
+async function mi(e) {
+  const t = { appSwitcher: { apps: [] } };
+  if (!e?.id || !e.user)
+    return t;
+  const { result: i } = await hi(e), n = i?.results?.[0];
+  if (!n)
+    return t;
+  const r = n.id;
+  return (await Pe(e, r)).result;
+}
+async function fi(e, t, i) {
+  if (!t || !e?.length)
+    return { result: null };
+  const n = `${i.restUrl}/search`;
+  return await B(n, {
+    query: {
+      num: 100,
+      q: `id:(${e.map((r) => `"${r.itemId}"`).join(" OR ")})`
+    }
+  });
+}
+async function gi(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 B(t, { query: i }), r = n?.results?.[0]?.id;
+  return r ? (await Pe(e, r))?.result?.blockedApps || [] : [];
+}
+function bi(e, t) {
+  const i = e?.toLowerCase() || "", n = `${t.title || ""} ${t.label || ""}`;
+  return !i || n.toLowerCase().includes(i);
+}
+function vi() {
+  if (ai("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 si(
+    "APSW-query",
+    t,
+    {
+      path: "/",
+      domain: window.location.hostname,
+      sameSite: "Strict"
+    }
+  ), !1;
+}
+function _i(e, t) {
+  const { landingPage: i } = t || {};
+  return {
+    image: "arcgis-online.png",
+    label: "ArcGIS Online",
+    title: "ArcGIS Online",
+    url: `${Se({ portal: e })}/${i?.url ? i.url : Ie(e.user) ? "organization.html" : "index.html"}`
+  };
+}
+function ve(e) {
+  const i = [
+    "api-for-python",
+    "appstudio",
+    "arcade",
+    "arcgis-earth",
+    "arcgis-enterprise",
+    "arcgis-experience-builder",
+    "arcgis-geoanalytics",
+    "arcgis-hub",
+    "arcgis-online",
+    "arcgis-pro",
+    "arcgis-urban",
+    "blank",
+    "business-analyst",
+    "city-engine",
+    "collector",
+    "community-analyst",
+    "configurable-apps",
+    "dashboards-beta",
+    "dashboards-classic",
+    "data-pipelines",
+    "deeplearningstudio",
+    "demographics",
+    "drone2map",
+    "esri-events",
+    "essential-apps",
+    "excalibur",
+    "explorer",
+    "field-apps",
+    "fieldmaps-beta",
+    "fieldmaps-ea",
+    "fieldmaps",
+    "generic-app",
+    "geobim",
+    "geoplanner",
+    "grid-view-9",
+    "indoor",
+    "indoors",
+    "insights",
+    "instant-apps",
+    "ips",
+    "knowledge-studio",
+    "living-atlas",
+    "location-platform",
+    "map-maker",
+    "map-viewer-beta",
+    "map-viewer-classic",
+    "map-viewer",
+    "maps-adobe-cloud",
+    "maps-for-office",
+    "maps-for-power-bi",
+    "maps-for-sharepoint",
+    "marketplace",
+    "mission",
+    "monitor",
+    "navigator",
+    "notebook",
+    "office-apps",
+    "open-data",
+    "operations-dashboard",
+    "ortho-maker",
+    "pro-extension",
+    "quick-capture",
+    "redistricting",
+    "runtime",
+    "scene-viewer",
+    "sites",
+    "solutions",
+    "story-maps",
+    "streetmap-premium",
+    "survey123",
+    "track-viewer",
+    "user-type-extension-online",
+    "user-type-extension",
+    "vector-tile-style-editor",
+    "velocity",
+    "web-app-builder",
+    "web-editor",
+    "web-mapping",
+    "workflow-manager-beta",
+    "workflow-manager",
+    "workforce"
+  ].find((n) => e?.includes(n) && V(`${n}.png`) === e);
+  return i ? V(`${i}.avif`) : e;
+}
+function wi(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);
+  }), i.forEach((r) => {
+    const o = t.find((s) => s.clientid === r);
+    o && n.push(o);
+  }), n);
+}
+function S(e, t) {
+  return t && t[e.toLowerCase()]?.valid || !1;
+}
+function yi(e, t) {
+  return e?.portalProperties && !e.portalProperties?.openData?.enabled ? !1 : S("HubforArcGIS", t);
+}
+function $i(e, t) {
+  if (!e)
+    return !1;
+  const i = [
+    "portal:publisher:publishFeeds",
+    "portal:publisher:publishRealTimeAnalytics",
+    "portal:publisher:publishBigDataAnalytics"
+  ], r = (e?.privileges || []).some((s) => i.includes(s)), o = S("velocity", t);
+  return r && o;
+}
+function Ai(e) {
+  return S("HubforArcGIS", e);
+}
+function ki(e, t) {
+  return !(e.isPortal && e.portalProperties?.newMapViewerEnabled === !1) && S("arcgisWebApps", t);
+}
+function xi(e) {
+  return !!e.helperServices?.rasterAnalytics && !!e.helperServices.orthoMapping;
+}
+function Si(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 Ii(e, t) {
+  return !!e.helperServices?.locationTracking && t;
+}
+function Pi(e, t, i, n) {
+  const r = e?.user;
+  return {
+    "Open Data": {
+      hasAccess: () => yi(e, n)
+    },
+    AppStudio: {
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    "ArcGIS Velocity": {
+      hasAccess: () => e.isPortal || $i(r, n)
+    },
+    "ArcGIS Hub": {
+      hasAccess: () => S("HubforArcGIS", n)
+    },
+    "ArcGIS Enterprise Sites": {
+      hasAccess: () => Ai(n)
+    },
+    "ArcGIS QuickCapture Web Designer": {
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    "ArcGIS Dashboards": {
+      hasAccess: () => S("dashboards", n)
+    },
+    "Map Viewer": {
+      hasAccess: () => ki(e, n)
+    },
+    "Map Viewer Classic": {
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    "Operations Dashboard for ArcGIS": {
+      hasAccess: () => S("opsdashboard", n)
+    },
+    "ArcGIS Dashboards Classic": {
+      hasAccess: () => S("opsdashboard", n)
+    },
+    "Ortho Maker": {
+      hasAccess: () => xi(e)
+    },
+    Notebook: {
+      hasAccess: () => Si(e, r, t)
+    },
+    "Scene Viewer": {
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    "Story Maps": {
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    Survey123: {
+      hasAccess: () => S("survey123", n)
+    },
+    "Track Viewer": {
+      hasAccess: () => Ii(e, i)
+    },
+    "Instant Apps": {
+      // For Portal
+      hasAccess: () => S("arcgisWebApps", n)
+    },
+    "ArcGIS Maps for Adobe Creative Cloud": {
+      hasAccess: () => S("arcgisWebApps", n) && !e.isPortal
+    }
+  };
+}
+function Ni(e) {
+  let t = {
+    opsdashboard: 1,
+    arcgisWebApps: 1,
+    Workforce: 1,
+    geoplanner: 1,
+    webappbuilder: 1,
+    HubforArcGIS: 1,
+    appstudio: 1,
+    survey123: 1,
+    storymaps: 1,
+    mapsForOffice: 1,
+    mapsForO365: 1,
+    mapsForSharePoint: 1,
+    mapsForCreativeCloud: 1,
+    indoorsweb: 1,
+    indoorskiosk: 1,
+    indoorsspaceplanner: 1,
+    locationplatformWebApps: 1,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    communityanalyst_2: 1
+  };
+  return e.isPortal && (t = { ...t, arcgisonline: 1, arcgisUrban: 1, arcgisinstantapps: 1 }), t;
+}
+function ie(e) {
+  return e.sourceJSON?.subscriptionInfo?.options?.includes("Developer");
+}
+function V(e) {
+  return ee(`assets/portal-navigation/apps/${e || ""}`);
+}
+function Le(e, t, i) {
+  return e.icon ? `${t.restUrl}/portals/self/resources/${e.icon}?token=${i}` : `${t.restUrl}/content/items/${e.itemId}/resources/${e.image || e.properties?.appSwitcher?.image}?token=${i}`;
+}
+function G(e, t, i) {
+  if (e.image ? e.image = V(e.image) : e.placeHolderIcon = `${V()}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 Ee() {
+  return `${V()}svg-app-circle.svg`;
+}
+function Ci(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 ? Le(e, t, i) : void 0,
+    label: e.title || e.label,
+    url: e.url,
+    placeHolderIcon: e.placeHolderIcon || Ee()
+  };
+}
+function Ti(e, t, i) {
+  return e.appSwitcher?.image || e.icon ? e.image = Le(e, t, i) : e.placeHolderIcon = Ee(), e.abbr = e.appSwitcher?.abbr || e.abbreviation, delete e.abbreviation, delete e.appSwitcher, delete e.approvedApp, delete e.webMappingApp, e;
+}
+function _e(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 Mi({
+  userApps: e,
+  servers: t,
+  portal: i,
+  licenses: n,
+  blockedApps: r,
+  provisionedListings: o,
+  orgCapabilities: s,
+  trackViewerEnabled: a,
+  notebookServerEnabled: c,
+  willQueryForItems: d,
+  approvedApps: m
+}) {
+  const g = {}, p = {}, _ = Pi(i, c, a, n), $ = Ni(i), w = [], I = e.length;
+  for (let h = 0; h < I; h++) {
+    const u = e[h], v = u.itemId || u.title;
+    let N = !0;
+    const y = !u.serverFunction || t?.some((x) => (x.serverFunction?.split(",") || []).includes(u.serverFunction)), b = r?.some(
+      (x) => u.itemId && u.itemId === x.itemid || u.title && u.title === x.title
+    );
+    if (g[v] = 1, p[v] = u, b || ie(i) && !u.showInLocationPlatform || i.sourceJSON?.portalDeploymentType === "ArcGISEnterpriseOnKubernetes" && u.supportsKubernetes === !1)
+      continue;
+    const k = u.title;
+    if (_[k] && !_[k]?.hasAccess())
+      continue;
+    const C = i.sourceJSON?.subscriptionInfo;
+    if (u.subscriptionType) {
+      C?.type === u.subscriptionType && (p[v].canAccess = !0, w.push(G(u, v, i)));
+      continue;
+    }
+    if (u.orgCapabilities) {
+      s?.length && s.some((j) => u.orgCapabilities?.includes(j.id)) && (p[v].canAccess = !0, w.push(G(u, v, i)));
+      continue;
+    }
+    if (!u.privileges?.length && !u.isLicensed && y && (u.label !== "ArcGIS Location Platform" || ie(i))) {
+      p[v].canAccess = !0, w.push(G(u, v, i));
+      continue;
+    }
+    if (i.user?.sourceJSON?.userLicenseTypeId?.toLowerCase() === "storytellerut" && u.label?.toLowerCase() === "storymaps") {
+      p[v].canAccess = !0, w.push(G(u, v, i));
+      continue;
+    }
+    if (u.privileges?.length && i.user?.privileges) {
+      for (let x = 0; x < u.privileges.length; x++)
+        if (!i.user.privileges.includes(u.privileges[x])) {
+          N = !1;
+          break;
+        }
+      if (!u.isLicensed && N && y) {
+        p[v].canAccess = !0, w.push(G(u, v, i));
+        continue;
+      }
+    }
+    if (u.isLicensed && N && y) {
+      for (let x = 0; x < o.length; x++)
+        if (v === o[x].itemId || v === o[x].title) {
+          p[v].canAccess = !0, w.push(G(u, v, i));
+          break;
+        }
+    }
+  }
+  const P = await Ut(i);
+  return o.forEach((h) => {
+    if (h.type === "Web Mapping Application" && !$[h.clientId] && !g[h.itemId] && h.url && h.title && !g[h.title] && !h.typeKeywords.includes("hideFromAppSwitcher")) {
+      const u = Ci(h, i, P);
+      p[h.itemId] = u, w.push(u);
+    }
+  }), {
+    apps: [
+      ...m.map((h) => {
+        const u = {
+          ...h.appProperties,
+          itemId: h.itemId,
+          webMappingApp: !0,
+          approvedApp: !0,
+          canAccess: !d
+        };
+        return p[h.itemId] = u, Ti(u, i, P);
+      }),
+      ...w
+    ],
+    appDictionary: p
+  };
+}
+function Z(e, t) {
+  return e.filter((i) => !t?.some(
+    (r) => i.itemId && i.itemId === r.itemid || i.title && i.title === r.title
+  ));
+}
+function we({
+  apps: e,
+  app: t,
+  appDictionary: i,
+  newAppDictionary: n,
+  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) && Ie(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 Oi({
+  portal: e,
+  trackViewerEnabled: t,
+  notebookServerEnabled: i
+}) {
+  if (!e?.id || !e.user)
+    return { apps: [], hiddenApps: {} };
+  const n = vi(), [r, o, s, a, c, d, m] = await Promise.all([
+    mi(e),
+    Dt(e),
+    zt(e),
+    Tt(e),
+    Mt(e),
+    Ot(e),
+    gi(e)
+  ]), g = e.isPortal ? await Lt(e) : null, p = s?.result?.properties;
+  let _ = r?.appSwitcher?.apps || [];
+  e.isPortal || (_ = _.filter(
+    (y) => y.title !== "Map Viewer Classic" || e.sourceJSON.created < /* @__PURE__ */ new Date("February 26 2025")
+  ), _.unshift(_i(e, p)));
+  const $ = a?.result?.approvedApps?.filter((y) => !y.hideForNonPrivilegedMember) || [], w = {};
+  o?.forEach((y) => {
+    const b = y.clientId?.toLowerCase();
+    b && (w[b] = {
+      valid: !0,
+      itemId: y.itemId,
+      clientId: y.clientId
+    });
+  }), c?.forEach((y) => {
+    const b = y.id?.toLowerCase();
+    b && (w[b] = {
+      valid: !0,
+      clientId: y.id
+    });
+  });
+  const I = wi(d, m), { apps: P, appDictionary: f } = await Mi({
+    userApps: _,
+    servers: g,
+    portal: e,
+    blockedApps: I,
+    provisionedListings: o,
+    orgCapabilities: c,
+    licenses: w,
+    trackViewerEnabled: t,
+    notebookServerEnabled: i,
+    willQueryForItems: n,
+    approvedApps: $
+  });
+  p?.appLauncher && (p?.appLauncher.primary && _e(p?.appLauncher.primary, e), p?.appLauncher.secondary && _e(p?.appLauncher.secondary, e));
+  let h = [], u = [];
+  if (!p?.appLauncher?.primary || !p?.appLauncher.secondary)
+    h = P.slice().sort((y, b) => (y.label || "") < (b.label || "") ? -1 : 1), h = Z(h, I), u = [];
+  else {
+    const { result: y } = await fi($, n, e);
+    y?.results?.length && y.results.forEach((A) => {
+      const k = f[A.id];
+      k.canAccess = !0, k.hasChanged = k.url !== A.url ? !!A.url : !1;
+    });
+    const b = { ...f };
+    p?.appLauncher?.primary?.forEach((A) => {
+      A.label === "Map Viewer" && (A.uid = "Map Viewer");
+    }), h = p?.appLauncher.primary.reduce(
+      (A, k) => we({ apps: A, app: k, appDictionary: f, newAppDictionary: b, portal: e }),
+      []
+    ) || [], u = p?.appLauncher.secondary.reduce(
+      (A, k) => we({ apps: A, app: k, appDictionary: f, newAppDictionary: b, portal: e }),
+      []
+    ) || [], h = Z(h, I), u = Z(u, I), ie(e) && (h = h.filter((A) => A.canAccess), u = u.filter((A) => A.canAccess));
+    for (const A of Object.keys(b))
+      b[A].canAccess && (b[A].isNew = !0, f[A] = b[A], h.push(b[A]));
+  }
+  const v = [...h, ...u], N = u.reduce((y, b) => (b.itemId && (y[b.itemId] = !0), y), {});
+  return {
+    apps: v,
+    hiddenApps: N,
+    signInSettings: d,
+    licenses: w,
+    userProperties: p
+  };
+}
+function Li(e, t) {
+  return !e?.itemId || !t ? !1 : t[e.itemId];
+}
+async function Ei({
+  apps: e,
+  hiddenApps: t,
+  userProperties: i,
+  portal: n
+}) {
+  const r = e.reduce(
+    (s, a) => {
+      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 jt(o, n);
+}
+function je({ app: e }) {
+  if (!e)
+    return null;
+  if (!e.canAccess)
+    return l`<span class="list-item__logo list-item__logo-empty"></span>`;
+  const t = !e.image && e.abbr;
+  return l`${t && l`<span class="list-item__logo">${e.placeHolderIcon && l`<img src=${ve(e.placeHolderIcon) ?? L} class="list-item__logo-bg" alt>` || ""}<span style=${xe({ fontSize: e.fontSize || "20px" })} class="list-item__abbr">${e.abbr}</span></span>` || ""}${e.image && l`<img src=${ve(e.image) ?? L} class="list-item__logo" alt>` || ""}`;
+}
+function ji({ app: e, hiddenApps: t, messages: i, toggleAppVisibility: n, handleAppDelete: r }) {
+  if (!e || !i)
+    return null;
+  const o = Li(e, t), { title: s, itemId: a, label: c } = e;
+  return l`<calcite-list-item .label=${s || c} class=${te(o ? "app--hidden" : "")}><span slot=content-start>${je({ app: e })}</span>${e.canAccess ? l`<calcite-action .text=${o ? i.show : i.hide} .icon=${o ? "view-hide" : "view-visible"} slot=actions-end @click=${() => a && n(a, !o)}></calcite-action>` : l`<calcite-action .text=${i.delete} icon=x slot=actions-end @click=${() => a && r(a)}></calcite-action>`}</calcite-list-item>`;
+}
+function Di({ app: e, messages: t }) {
+  if (!e || !t)
+    return null;
+  const { title: i, itemId: n, label: r, url: o, isNew: s } = e, a = t?.descriptions?.[i] || t?.descriptions?.[r];
+  return l`<li class="list-item"><a class="list-item__link" href=${o ?? L} target=_blank id=${n ?? L} aria-describedby=${`${n}--tooltip`}>${l`<span class="list-item__container">${je({ app: e })}<span class="list-item__title">${r || i}</span>${s && l`<calcite-chip scale=s class="list-item__chip" .label=${t.new}>${t.new}</calcite-chip>` || ""}</span>`}</a>${a && l`<calcite-tooltip .referenceElement=${n} placement=trailing .id=${`${n}--tooltip`} role=tooltip>${a}</calcite-tooltip>` || ""}</li>`;
+}
+function zi({ apps: e, appsLoading: t, appsSearchTerm: i, hiddenApps: n, messages: r, handleAppsSearch: o, handleAppReorder: s, handleAppSave: a, handleAppHide: c, handleAppDelete: d, handleAppCancel: m, handleAppEdit: g, editingApplications: p, portal: _ }) {
+  if (!e || !r)
+    return null;
+  const $ = i?.length > 0, w = (e || []).filter((f) => f.itemId && (!n?.[f.itemId] || $) && bi(i, f)), I = $ ? r.noAppResults.replace("{term}", i) : r.noAppsAvailable, P = $ ? M(_) ? r.noAppsDescriptionPublic : r.noAppResultsDescriptionOrg : r.noAppsAvailable;
+  return p ? l`<div class="list__header"><calcite-button appearance=outline width=half @click=${() => {
+    m();
+  }}>${r.cancel}</calcite-button><calcite-button width=half @click=${() => {
+    a();
+  }}>${r.applyChanges}</calcite-button></div><calcite-list .label=${r.allMyApplications} drag-enabled @calciteListDragEnd=${(f) => {
+    const { newIndex: h, oldIndex: u } = f.detail;
+    s({ newIndex: h, oldIndex: u });
+  }} .loading=${t}>${U(e, (f) => f.itemId, (f) => ji({ app: f, hiddenApps: n, messages: r, toggleAppVisibility: (h, u) => {
+    c({ app: h, hidden: u });
+  }, handleAppDelete: d }))}</calcite-list>` : l`<div class="list__header"><calcite-input type=search icon .placeholder=${r.searchMyApps} .value=${i} scale=m class="list__search" @calciteInputInput=${(f) => {
+    o(f.currentTarget.value);
+  }}></calcite-input><calcite-button appearance=transparent kind=neutral icon-start=reorder-cards .label=${r.reorder} @click=${() => g()} id=customize-apps></calcite-button><calcite-tooltip reference-element=customize-apps><span>${r.customizeApps}</span></calcite-tooltip></div>${w?.length > 0 ? l`<ul class="list">${U(w, (f) => f.itemId, (f) => Di({ app: f, messages: r }))}</ul>` : J({ title: I, description: P, icon: i ? "search" : "apps" })}`;
+}
+const ye = "portalAppClientId", le = {
+  GeoanalyticsEngine: "geoanalyticsengine",
+  GeoanalyticsFabric: "geoanalyticsfabric",
+  IndoorsOnline: "indoorsonline"
+};
+function ue(e) {
+  return le.GeoanalyticsEngine === e;
+}
+function de(e) {
+  return le.GeoanalyticsFabric === e;
+}
+function De(e) {
+  return le.IndoorsOnline === e;
+}
+function pe(e) {
+  return ["Location Platform", "GeoAnalytics Fabric", "GeoAnalytics Engine", "Online", "Enterprise"].includes(e);
+}
+function Gi({
+  portal: e,
+  messages: t,
+  licenses: i,
+  clientId: n,
+  signInSettings: r
+}) {
+  if (!t || !e)
+    return [];
+  const o = e.sourceJSON?.subscriptionInfo, s = Wi({ messages: t, portal: e });
+  if (!e.user)
+    return s;
+  if (!e || !s || e?.user && !i && !M(e))
+    return [];
+  const a = Hi({
+    portal: e,
+    licenses: i,
+    subscriptionInfo: o
+  }), c = Vi({
+    messages: t,
+    portal: e,
+    clientId: n,
+    signInSettings: r,
+    navLinkDictionary: a
+  });
+  return Ui({ links: c, portal: e });
+}
+function $e(e, t) {
+  return t ? e.configName ? t.indexOf(e.configName) : t.length : 0;
+}
+function Ui({
+  links: e,
+  portal: t
+}) {
+  const i = t.portalProperties?.topNav;
+  if (!i)
+    return e;
+  const n = i.customPage;
+  return n?.enabled && (n.visibility !== "members" || t.user?.orgId === t.id) && e.push({ label: n.name, href: n.url, configName: "customPage", icon: "link" }), i.order ? e.sort((r, o) => $e(r, i.order) - $e(o, i.order)) : e;
+}
+function Bi(e) {
+  const { id: t, access: i, isPortal: n } = e;
+  return !t && !i && !n;
+}
+function Ri(e, t, i) {
+  if (i === "customPage")
+    return !1;
+  const n = new URL(e), r = t || window.location.pathname;
+  return n.pathname === r;
+}
+function ze({
+  portal: e,
+  clientId: t,
+  signInSettings: i
+}) {
+  const n = e.user, r = De(t), o = !!i?.blockedApps?.includes("arcgisnotebooks"), s = e.portalProperties, {
+    gallery: a = "all",
+    groups: c = "all",
+    map: d = "all",
+    notebook: m = "notebookCreators",
+    scene: g = "all"
+  } = s?.topNav || {};
+  let p = ["home"];
+  if (!n) {
+    if (!s?.topNav) {
+      const $ = ["gallery", "map", "scene", "groups"], w = e.isPortal ? ["help"] : [];
+      return [...p, ...$, ...w];
+    }
+    return [
+      ...p,
+      ...a === "all" ? ["gallery"] : [],
+      ...d === "all" ? ["map"] : [],
+      ...g === "all" ? ["scene"] : [],
+      ...c === "all" ? ["groups"] : [],
+      ...e.isPortal ? ["help"] : []
+    ];
+  }
+  const _ = n.orgId === e.id;
+  return !s?.topNav && M(e) ? p = ["ArcGIS", "overview", "pricing", "map", "scene", "groups", "myContent"] : p = [
+    ...p,
+    ...(a === "all" || a === "members" && _) && !r ? ["gallery"] : [],
+    ...(d === "all" || d === "members" && _ || d === "mapCreators" && me(n)) && !r ? ["map"] : [],
+    ...(g === "all" || g === "members" && _ || g === "sceneCreators" && me(n)) && !r ? ["scene"] : [],
+    ...!o && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    (!e.isPortal || e.sourceJSON.supportsHostedNotebooks) && (m === "members" && _ || m === "notebookCreators" && Ct(n)) && !r ? ["notebook"] : [],
+    ...(c === "all" || c === "members" && _) && !r ? ["groups"] : [],
+    ..._ && !r ? ["myContent", "organization"] : []
+  ], p;
+}
+function E(e) {
+  return `${Se({ portal: e })}/`;
+}
+function Fi({
+  keys: e,
+  navLinkDictionary: t,
+  messages: i
+}) {
+  const n = [];
+  return e.forEach((r) => {
+    const o = t[r];
+    if (o && (!("show" in o) || o.show)) {
+      const { href: s, newTab: a, icon: c, relativePath: d, configName: m } = o;
+      n.push({
+        label: i[r],
+        href: s,
+        newTab: a,
+        relativePath: d,
+        configName: m,
+        icon: c
+      });
+    }
+  }), n;
+}
+function Wi({
+  messages: e,
+  portal: t
+}) {
+  if (!e || !t)
+    return [];
+  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", configName: "map" },
+    scene: { label: e.scene, href: `${i}webscene/viewer.html`, icon: "globe", configName: "scene" },
+    help: { label: e.help, href: ae(t), newTab: !0, icon: "headset" },
+    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",
+      configName: "gallery"
+    },
+    groups: {
+      label: e.groups,
+      href: `${i}groups.html`,
+      relativePath: "groups.html",
+      icon: "group",
+      configName: "groups"
+    }
+  };
+  return (Bi(t) ? ["overview", "pricing", "map", "scene", "help"] : ze({ portal: t })).map((o) => n[o]);
+}
+function Vi({
+  messages: e,
+  portal: t,
+  clientId: i,
+  signInSettings: n,
+  navLinkDictionary: r
+}) {
+  const o = ue(i), s = ze({ portal: t, clientId: i, signInSettings: n }), a = `${E(t)}geoanalytics${o ? "engine" : "fabric"}.html`;
+  return o || de(i) ? [
+    {
+      // TODO: active calculations in the component need to account for hash for these options
+      href: `${a}#subscription`,
+      label: e.subscription
+    },
+    ...o ? [
+      {
+        href: `${a}#downloads`,
+        label: e.downloads
+      }
+    ] : [],
+    {
+      href: `${a}#credentials`,
+      label: e.developerCredentials
+    },
+    {
+      href: `${a}#account`,
+      label: e.account
+    }
+  ] : Fi({ keys: s, messages: e, navLinkDictionary: r });
+}
+function Hi({
+  portal: e,
+  licenses: t,
+  subscriptionInfo: i
+}) {
+  const n = e.user, r = E(e), o = i?.options?.includes("Developer"), s = S("arcgiswebapps", t) || o && S("locationplatformwebapps", t) || M(e);
+  return {
+    pricing: { href: `${r}../features/plans/pricing.html` },
+    overview: { href: `${r}../features/features.html` },
+    ArcGIS: {
+      href: `${r}${M(e) ? "index.html" : "../features/features.html"}`,
+      show: M(e) || !n
+    },
+    groups: {
+      href: `${r}groups.html`,
+      relativePath: "groups.html",
+      icon: "group",
+      configName: "groups"
+    },
+    myContent: {
+      href: `${r}content.html`,
+      relativePath: "content.html",
+      icon: "files"
+    },
+    map: {
+      show: s,
+      href: `${r}apps/mapviewer/index.html`,
+      icon: "map",
+      configName: "map"
+    },
+    help: {
+      href: ae(e),
+      newTab: !0
+    },
+    gallery: {
+      show: !!e.id && !o,
+      href: `${r}gallery.html`,
+      relativePath: "gallery.html",
+      icon: "gallery",
+      configName: "gallery"
+    },
+    home: {
+      show: !M(e) && !o,
+      href: `${r}index.html`,
+      relativePath: "index.html",
+      icon: "home"
+    },
+    scene: {
+      show: s,
+      href: `${r}webscene/viewer.html`,
+      icon: "globe",
+      configName: "scene"
+    },
+    notebook: {
+      show: Bt(e),
+      href: `${r}notebook/notebookhome.html`,
+      relativePath: "notebook/notebookhome.html",
+      icon: "notebook",
+      configName: "notebook"
+    },
+    organization: {
+      show: !M(e),
+      href: `${r}organization.html`,
+      relativePath: "organization.html",
+      icon: "organization"
+    },
+    features: {
+      show: M(e) && !e.isPortal,
+      href: `${r}../features/features.html`,
+      icon: "information"
+    }
+  };
+}
+function qi({ portal: e, item: t, messages: i, navigate: n, locale: r }) {
+  if (!t || !i || !t.modified)
+    return null;
+  const o = t.modified, s = { lessThanOneMinute: i.lessThanOneMinute }, a = Ne(Ce(o)), c = a?.[1] === "year" || a?.[1] === "month" ? Xt({ locale: r, time: o }, a?.[1] === "year") : Te({ locale: r, time: o, t9n: s }), d = `item.html?id=${t.id}`, m = `${E(e)}${d}}`;
+  return se(t.id, l`<li class="list-item"><a class="list-item__link" href=${m ?? L} @click=${(g) => {
+    n({ event: g, href: m, relativePath: d });
+  }}>${l`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular">${t.title}</span><span class="list-item__subtitle">${K(i.lastUpdated, { date: c })}</span></span></span>`}</a></li>`);
+}
+function Ji({ locale: e, navigate: t, portal: i, open: n, apps: r, appsLoading: o, hiddenApps: s, appsSearchTerm: a, handlePlatformClose: c, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, handleItemSearch: I, editingApplications: P, recentContent: f, recentContentLoading: h, recentContentSearchTerm: u, product: v, platformInfo: N, links: y, messages: b }) {
+  if (!v || !i || !b)
+    return null;
+  const { name: A, icon: k } = N || {};
+  return l`<calcite-sheet class="platform" .label=${b.label} position=inline-start display-mode=overlay id=example-sheet .open=${n} @calciteSheetClose=${c}><calcite-panel class="platform__panel"><div slot=header-content class="platform__header"><img src=${k ?? L} class="platform__header-image"><div class="platform__header-text"><h2 class="platform__title">${A}</h2><p class="platform__subtitle">${i.name}</p></div><calcite-action icon=x text="Close menu" scale=l @click=${c}></calcite-action></div><div class="platform__container"><div class="platform__tiles">${y.filter(({ icon: C }) => C).map(({ label: C, href: O, icon: x, relativePath: j }) => l`<calcite-tile .icon=${x} .description=${C} .href=${O} alignment=center scale=s @keydown=${(D) => {
+    (D.key === "Enter" || D.key === " ") && t({ event: D, href: O, relativePath: j });
+  }} @click=${(D) => {
+    t({ event: D, href: O, relativePath: j });
+  }}></calcite-tile>`)}</div>${i?.user && l`<calcite-tabs layout=center class="platform__tabs"><calcite-tab-nav slot=title-group>${!M(i) && l`<calcite-tab-title selected>${b.myApps}</calcite-tab-title>` || ""}<calcite-tab-title>${b.recentContent}</calcite-tab-title></calcite-tab-nav>${!M(i) && l`<calcite-tab selected class="platform__tab">${o && l`<calcite-scrim loading></calcite-scrim>` || ""}${zi({ apps: r, appsLoading: o, appsSearchTerm: a, hiddenApps: s, messages: b, handleAppsSearch: d, handleAppReorder: m, handleAppSave: g, handleAppDelete: p, handleAppHide: _, handleAppCancel: $, handleAppEdit: w, editingApplications: P, portal: i })}</calcite-tab>` || ""}<calcite-tab class="platform__tab"><div class="list__header"><calcite-input type=search icon .placeholder=${b.searchRecentContent} .value=${u} scale=m class="list__search" @calciteInputInput=${(C) => I(C.target.value)}></calcite-input></div>${h && !o && l`<calcite-scrim loading></calcite-scrim>` || ""}<div class="list__container">${f?.length > 0 || h ? l`<ul class="list">${U(f, (C) => C.id, (C) => qi({ portal: i, messages: b, navigate: t, item: C, locale: e }))}</ul>` : u?.length ? J({ title: K(b.noAppResults, { term: u }), description: b.recentContentNoResultsDescription, icon: "search" }) : J({ title: b.noContent, description: b.noContentDescription, icon: "clock" })}</div></calcite-tab></calcite-tabs>` || ""}</div></calcite-panel></calcite-sheet>`;
+}
+const ne = [
+  "new",
+  "open",
+  "rename",
+  "save",
+  "saveCopy",
+  "share",
+  "copyLink",
+  "embed",
+  "details"
+];
+async function Ki(e) {
+  return await Promise.resolve({ status: "success" });
+}
+function re(e) {
+  return ne.includes(e.id);
+}
+function Qi(e) {
+  return (e || [])?.toSorted((t, i) => {
+    const n = re(t), r = re(i);
+    return n && !r ? -1 : r && !n ? 1 : r && n ? ne.indexOf(t.id) - ne.indexOf(i.id) : -1;
+  });
+}
+function Xi(e, t) {
+  const i = {
+    new: [],
+    save: [],
+    share: [],
+    details: [],
+    custom: []
+  };
+  if (!t || !e?.length)
+    return i;
+  const n = {
+    new: { text: t.new, group: "new" },
+    open: { text: t.open, group: "new" },
+    rename: { text: t.rename, group: "save" },
+    save: { text: t.save, group: "save" },
+    saveCopy: { text: t.saveAsCopy, group: "save" },
+    share: { text: t.manageSharing, group: "share" },
+    copyLink: { text: t.copyLink, group: "share" },
+    embed: { text: t.embed, group: "share" },
+    details: { text: t.itemDetails, group: "details", external: !0 }
+  }, r = Qi(e), o = [];
+  return r.forEach((s) => {
+    if (!re(s)) {
+      o.push(s);
+      return;
+    }
+    const { text: c, external: d, group: m } = n[s.id];
+    i[m].push({ text: c, external: d, ...s });
+  }), o.forEach((s) => {
+    const a = s.group || "custom";
+    i[a].push(s);
+  }), i;
+}
+function Yi({ navigate: e, portal: t, menuItem: i, messages: n, portalItem: r, openProjectTitleEdit: o, projectMenuClick: s }) {
+  if (!t || !n || !i || i.id === "details" && !r)
+    return null;
+  const { external: a, id: c, text: d } = i, m = `${E(t)}item.html?id=${r?.id}`;
+  return se(`${c}${d}`, l`<calcite-dropdown-item .iconEnd=${a ? "launch" : void 0} .href=${c === "details" ? m : i.href} .target=${a ? "_blank" : void 0} @calciteDropdownItemSelect=${(g) => {
+    if (c === "rename") {
+      o?.();
+      return;
+    }
+    c === "details" && e({ event: g, href: m }), s?.({ type: c });
+  }}>${d}${c === "save" && l`<calcite-icon icon=bullet-point-large class="project__indicator" scale=s></calcite-icon>` || ""}</calcite-dropdown-item>`);
+}
+function Zi({ navigate: e, portal: t, projectTitle: i, editedProjectTitle: n, handleProjectTitleSave: r, handleProjectTitleEdit: o, handleProjectTitleCancel: s, openProjectTitleEdit: a, portalItem: c, projectTitleEditing: d, projectTitleSaving: m, projectTitleErrorMessage: g, projectMenuIcon: p, projectMenuSaveIndicator: _, projectMenuClick: $, projectMenuOptions: w, projectTitleInputRef: I, projectButtonRef: P, messages: f }) {
+  if (!t || !f || !w?.length && !i)
+    return null;
+  if (!w?.length)
+    return l`<div class="project__title">${p && l`<calcite-icon .icon=${p} scale=s class="project__menu-icon"></calcite-icon>` || ""}<h1 class="project__title__header">${i}</h1>${_ && l`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}</div>`;
+  const h = Xi(w, f), u = !!g;
+  return d ? 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=${f.title} .value=${n} .status=${u ? "invalid" : "idle"} @calciteInputInput=${(v) => o?.(v.target.value)} ${W(I)}></calcite-input>${u && l`<calcite-popover open .label=${f.error} .referenceElement=${I?.value || "project-title-input"} pointer-disabled placement=bottom-start><calcite-notice kind=danger open><div slot=message>${g}</div></calcite-notice></calcite-popover>` || ""}<calcite-action .disabled=${m} icon=check scale=l .text=${f?.saveRename} active class="rename__action" type=submit .loading=${m}></calcite-action><calcite-action .disabled=${m} icon=x scale=l .text=${f?.cancelRename} class="rename__action" @click=${() => s?.()}></calcite-action></form>` : l`<calcite-dropdown width=m class="fade-in project__dropdown"><button slot=trigger class="project" ${W(P)}>${p && l`<calcite-icon scale=s .icon=${p} class="project__menu-icon"></calcite-icon>` || ""}<span class="project__text">${i}</span>${_ && l`<calcite-icon scale=s icon=bullet-point-large class="project__indicator"></calcite-icon>` || ""}<calcite-icon scale=s icon=chevron-down></calcite-icon></button>${U(Object.entries(h).filter(([v, N]) => N.length), ([v, N]) => v, ([v, N]) => l`<calcite-dropdown-group selection-mode=none>${N.map((y) => Yi({ menuItem: y, navigate: e, portal: t, messages: f, portalItem: c, openProjectTitleEdit: a, projectMenuClick: $ }))}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+}
+function en(e) {
+  return ["Location Platform", "Online", "Enterprise"].includes(e);
+}
+function Ge({
+  portal: e,
+  searchType: t,
+  searchTerm: i
+}) {
+  const r = e?.sourceJSON?.vectorSearchEnabled ? `&mode=${t}` : "";
+  return `search.html?q=${i}${r}`;
+}
+function tn({ portal: e, item: t, messages: i, navigate: n }) {
+  if (!t || !i)
+    return null;
+  const r = K(i.by, {
+    itemType: Gt(t),
+    owner: t.owner
+  }), o = `item.html?id=${t.id}`, s = `${E(e)}${o}`;
+  return se(t.id, l`<li class="list-item"><a class="list-item__link" href=${s ?? L} @click=${(a) => n({ event: a, href: s, relativePath: o })}>${l`<span class="list-item__container"><span class="list-item__logo list-item__logo--item-type"><arcgis-portal-item-type .item=${t} .user=${e.user} hide-text></arcgis-portal-item-type></span><span class="list-item__content"><span class="list-item__title list-item__title--regular list-item__title--large">${t.title}</span><span class="list-item__subtitle list-item__subtitle--large">${r}</span></span></span>`}</a></li>`);
+}
+function nn({ portal: e, suggestions: t, messages: i, navigate: n, searchType: r, searchTerm: o }) {
+  if (!i || !e || !o)
+    return null;
+  if (!t)
+    return l`<div><calcite-loader scale=l .label=${i.loadingResults}></calcite-loader></div>`;
+  const s = Ge({ portal: e, searchType: r, searchTerm: o }), a = `/${s}`, c = `${E(e)}${s}`;
+  return l`<ul class="list">${t.map((d) => tn({ messages: i, portal: e, item: d, navigate: n }))}</ul><div class="suggestions__footer"><calcite-button icon-end=arrow-right scale=l appearance=outline class="suggestions__footer__button" kind=neutral round .href=${c} @click=${(d) => {
+    n({ href: c, event: d, relativePath: a });
+  }}>${i.viewAll}</calcite-button></div>`;
+}
+function rn({ portal: e, messages: t, searchType: i, handleSearchTypeChange: n }) {
+  if (!t || !e?.sourceJSON?.vectorSearchEnabled)
+    return null;
+  const r = i === "keyword", o = t.searchType;
+  return l`<calcite-chip .label=${o.label} .icon=${r ? "text" : "effects"} id=search-type-toggle appearance=solid kind=neutral><span>${r ? o.keywordTitle : o.semanticTitle}</span><calcite-icon icon=chevron-down scale=s class="suggestions__search-type__icon" aria-hidden=true></calcite-icon></calcite-chip><calcite-popover pointer-disabled .label=${t.searchType.label} reference-element=search-type-toggle placement=bottom-end class="suggestions__search-type"><div class="esri-header-search-type-popover-contents"><calcite-list .label=${t.searchType.label} interaction-mode=interactive display-mode=flat scale=m selection-mode=none><calcite-list-item @calciteListItemSelect=${() => n("keyword")} icon-start=text value=keyword .label=${o.keywordTitle} .description=${o.keywordDescription}></calcite-list-item><calcite-list-item @calciteListItemSelect=${() => n("vector")} icon-start=effects value=semantic .label=${o.semanticTitle} .description=${o.semanticDescription}></calcite-list-item></calcite-list></div></calcite-popover>`;
+}
+function on({ currentPathname: e, navigate: t, product: i, portal: n, messages: r, searchActive: o, searchType: s, searchTerm: a, suggestions: c, searchInputRef: d, searchActionRef: m, searchPopoverRef: g, handleSearch: p, handleToggleSearch: _, handleSearchTypeChange: $ }) {
+  if (!en(i) || !r || !n || e?.includes("search.html"))
+    return null;
+  const w = Ge({ portal: n, searchType: s, searchTerm: a }), I = `/${w}`, P = `${E(n)}${w}`;
+  return o ? l`<div class="search" id=search-reference-element><calcite-input type=search scale=l icon=search class="search__input" .ariaLabel=${r.label} .placeholder=${s === "vector" ? r.searchType.semanticPlaceholder : r.searchType.keywordPlaceholder} @calciteInputInput=${(f) => p(f.target.value)} @keydown=${(f) => {
+    f.key === "Enter" && (t({ href: P, event: f, relativePath: I }), f.defaultPrevented || (window.location.href = P)), f.key === "Escape" && _(!1);
+  }} ${W(d)}></calcite-input><calcite-action icon=x scale=l .text=${r?.close} active class="search__action" @click=${() => _(!1)}></calcite-action><calcite-popover .label=${r.suggestions} reference-element=search-reference-element .open=${o && !!a} pointer-disabled placement=bottom-start trigger-disabled .focusTrapOptions=${{ initialFocus: !1 }} ${W(g)}><div class="suggestions__header"><h3 class="suggestions__title">${r.topResults}</h3>${rn({ portal: n, messages: r, searchType: s, handleSearchTypeChange: $ })}</div><div class="suggestions__results">${nn({ portal: n, suggestions: c, navigate: t, messages: r, searchType: s, searchTerm: a })}</div></calcite-popover></div>` : l`<calcite-action icon=search scale=l text=search class="search__action fade-in" @click=${() => _(!0)} ${W(m)}></calcite-action>`;
+}
+function sn({ signIn: e, messages: t }) {
+  return l`<calcite-menu slot=user .label=${t?.account || ""} class="border-start fade-in"><calcite-menu-item .label=${t?.signIn || ""} text-enabled .text=${t?.signIn || ""} @calciteMenuItemSelect=${() => e()}></calcite-menu-item></calcite-menu>`;
+}
+function an({ navigate: e, portal: t, product: i, links: n, messages: r, currentPathname: o, searchActive: s }) {
+  return !i || !t || !r || !pe(i) || !n || s ? null : l`<calcite-menu slot=content-start .label=${r.label} class="site-nav fade-in">${U(n, ({ href: a }) => a, ({ label: a, href: c, relativePath: d, configName: m }) => l`<calcite-menu-item .text=${a} text-enabled .label=${a} .href=${c} .active=${Ri(c, o, m)} @click=${(g) => e({ event: g, href: c, relativePath: d })}></calcite-menu-item>`)}</calcite-menu>`;
+}
+function cn({ userLinks: e, messages: t, navigate: i, openAccountSwitcher: n, portal: r, signOut: o, textDisabled: s }) {
+  const a = r?.user;
+  return !a || !e || !t || e?.account?.options.length < 1 && e?.resources?.options.length < 1 ? null : l`<div class="user fade-in"><calcite-dropdown .width=${s ? "l" : "m"} class="user__dropdown"><calcite-button class="user__button" slot=trigger appearance=transparent kind=neutral><span class="user__button__contents"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__button__avatar"></arcgis-portal-user-avatar>${!s && l`<span class="user__button__text"><h2 class="user__button__full user__full">${a.fullName}</h2><p class="user__button__username user__username">${a.username}</p></span>` || ""}</span></calcite-button>${s && l`<div class="user__top"><arcgis-portal-user-avatar .user=${a} .portal=${r} scale=l class="user__avatar"></arcgis-portal-user-avatar><div class="user__top__text"><h2 class="user__top__full user__full">${a.fullName}</h2><p class="user__top__username user__username">${a.username}</p></div></div>` || ""}${Object.values(e).filter((c) => c.options.length).map(({ title: c, options: d }) => l`<calcite-dropdown-group selection-mode=none .groupTitle=${c}>${d.map(({ icon: m, label: g, href: p, relativePath: _ }) => l`<calcite-dropdown-item .iconStart=${m} .href=${p} @keydown=${($) => {
+    ($.key === "Enter" || $.key === " ") && i({ event: $, href: p, relativePath: _ });
+  }} @click=${($) => {
+    i({ event: $, href: p, relativePath: _ });
+  }}>${g}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}<calcite-dropdown-group selection-mode=none>${n && l`<calcite-dropdown-item icon-start=users @calciteDropdownItemSelect=${(c) => {
+    const d = Ft(c.target, "calcite-dropdown");
+    d && (d.open = !1), n();
+  }}>${t.switchAccounts}</calcite-dropdown-item>` || ""}<calcite-dropdown-item icon-start=sign-out @calciteDropdownItemSelect=${() => o()}>${t.signOut}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></div>`;
+}
+const Ue = {
+  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 ln({
+  messages: e,
+  userLinks: t
+}) {
+  const i = {
+    account: { title: e.account, options: [] },
+    resources: { title: e.resources, options: [] }
+  };
+  return t.forEach((n) => {
+    i[n.group].options.push(n);
+  }), i;
+}
+function un({
+  portal: e,
+  messages: t,
+  clientId: i
+}) {
+  if (!e?.user || !t)
+    return {
+      account: { title: t?.account, options: [] },
+      resources: { title: t?.account, options: [] }
+    };
+  const n = hn(e), r = dn({ navLinkDictionary: n, messages: t, clientId: i });
+  return ln({ userLinks: r, messages: t });
+}
+function dn({
+  navLinkDictionary: e,
+  messages: t,
+  clientId: i
+}) {
+  let n = [
+    "myProfile",
+    "mySettings",
+    "myEsri",
+    "training",
+    "trialDownload",
+    "communityForums",
+    "arcgisBlog",
+    "help"
+  ];
+  return (ue(i) || de(i)) && (n = ["mySettings", "arcgisBlog", "help"]), De(i) && (n = []), pn(n, t, e);
+}
+function pn(e, t, i) {
+  const n = [];
+  return e.forEach((r) => {
+    const o = i[r];
+    if (o && (!("show" in o) || o.show)) {
+      const { href: s, newTab: a, icon: c, group: d, relativePath: m } = o;
+      n.push({
+        label: t[r],
+        group: d,
+        href: s,
+        newTab: a,
+        relativePath: m,
+        icon: c
+      });
+    }
+  }), n;
+}
+function hn(e) {
+  const t = E(e), i = mn(e), n = `user.html${window.location.pathname.includes("home/user.html") ? "?nav=1" : ""}`;
+  return {
+    myProfile: {
+      href: `${t}${n}`,
+      relativePath: n,
+      group: "account",
+      icon: "user"
+    },
+    mySettings: {
+      href: `${t}${n}#settings`,
+      relativePath: `${n}#settings`,
+      group: "account",
+      icon: "gear"
+    },
+    help: {
+      group: "resources",
+      icon: "question",
+      href: ae(e),
+      newTab: !0
+    },
+    communityForums: {
+      show: i,
+      group: "resources",
+      icon: "speech-bubbles",
+      href: Ue.community,
+      newTab: !0
+    },
+    myEsri: {
+      show: i,
+      group: "account",
+      icon: "globe",
+      href: gn(e),
+      newTab: !0
+    },
+    arcgisBlog: {
+      show: i,
+      group: "resources",
+      icon: "article",
+      href: "https://www.esri.com/arcgis-blog/products/arcgis-online",
+      newTab: !0
+    },
+    training: {
+      show: i,
+      group: "resources",
+      icon: "education",
+      href: fn(e),
+      newTab: !0
+    },
+    trialDownload: {
+      group: "resources",
+      icon: "download-to",
+      show: vn(e),
+      href: `${t}/home/user.html${window.location.pathname.includes("home/user.html") ? "?nav=1&tab=licenses" : "?tab=licenses"}#settings`
+    }
+  };
+}
+function mn(e) {
+  return !e.isPortal && e?.user?.sourceJSON?.userType === "both";
+}
+function fn(e) {
+  return Be(
+    e,
+    `${window.location.protocol}//www.esri.com/training/arcgis-online-training`
+  );
+}
+function gn(e) {
+  return Be(e, Ue.myEsri);
+}
+function Be(e, t) {
+  const i = ce(e), n = bn(e), r = `https://accounts${n ? n === "dev" ? "-dev" : "-stg" : ""}.esri.com/`, o = `&authBaseUrl=${q(i.replace("/sharing/rest/", ""), e)}`, s = `${r}LoginHandler/switchuser?`, a = `username=${e?.user?.username ?? ""}&redirect_uri=${t}${o}`;
+  return `${s}${a}`;
+}
+function bn(e) {
+  const t = e.portalHostname;
+  return t?.includes("dev") ? "dev" : t?.includes("qa") ? "qa" : "";
+}
+function vn(e) {
+  return !e?.isPortal && ["Trial", "Trial Press"].includes(e?.sourceJSON.subscriptionInfo?.type);
+}
+function Re(e) {
+  switch (e) {
+    case "360 VR":
+      return {
+        name: "360 VR",
+        fileName: "arcgis-360-vr",
+        icon: "arcgis-360-vr"
+      };
+    case "Business Analyst":
+      return {
+        name: "ArcGIS Business Analyst",
+        fileName: "arcgis-business-analyst",
+        icon: "business-analyst"
+      };
+    case "Dashboards":
+      return {
+        name: "ArcGIS Dashboards",
+        fileName: "arcgis-dashboards",
+        icon: "operations-dashboard"
+      };
+    case "Data Pipelines":
+      return {
+        name: "ArcGIS Data Pipelines",
+        fileName: "arcgis-data-pipelines",
+        icon: "data-pipelines"
+      };
+    case "Deep Learning Studio":
+      return {
+        name: "Deep Learning Studio",
+        fileName: "arcgis-deep-learning-studio",
+        icon: "deeplearningstudio"
+      };
+    case "Enterprise":
+      return {
+        name: "ArcGIS Enterprise",
+        fileName: "arcgis-enterprise",
+        icon: "arcgis-enterprise"
+      };
+    case "Excalibur":
+      return {
+        name: "ArcGIS Excalibur",
+        fileName: "arcgis-excalibur",
+        icon: "excalibur"
+      };
+    case "Experience Builder":
+      return {
+        name: "ArcGIS Experience Builder",
+        fileName: "arcgis-experience-builder",
+        icon: "arcgis-experience-builder"
+      };
+    case "Field Maps":
+      return {
+        name: "Field Maps Designer",
+        fileName: "arcgis-field-maps",
+        icon: "fieldmaps"
+      };
+    case "Field Maps Designer EA":
+      return {
+        name: "Field Maps Designer (EA)",
+        fileName: "arcgis-field-maps-designer-ea",
+        icon: "fieldmaps"
+      };
+    case "GeoAnalytics Engine":
+    case "GeoAnalytics Fabric":
+      return {
+        name: e,
+        fileName: "arcgis-geoanalytics-engine",
+        icon: "arcgis-geoanalytics"
+      };
+    case "GeoBIM":
+      return {
+        name: "ArcGIS GeoBIM",
+        fileName: "arcgis-geobim",
+        icon: "geobim"
+      };
+    case "Hub":
+      return {
+        name: "ArcGIS Hub",
+        fileName: "arcgis-hub",
+        icon: "arcgis-hub"
+      };
+    case "Instant Apps":
+      return {
+        name: "Instant Apps",
+        fileName: "arcgis-instant-apps",
+        icon: "instant-apps"
+      };
+    case "Knowledge":
+      return {
+        name: "ArcGIS Knowledge Studio",
+        fileName: "arcgis-knowledge",
+        icon: "knowledge-studio"
+      };
+    case "Location Platform":
+      return {
+        name: "Location Platform",
+        fileName: "arcgis-location-platform",
+        icon: "location-platform"
+      };
+    case "Map Viewer":
+      return {
+        name: "Map Viewer",
+        fileName: "map-viewer",
+        icon: "map-viewer"
+      };
+    case "Mission":
+      return {
+        name: "ArcGIS Mission Manager",
+        fileName: "arcgis-mission",
+        icon: "mission"
+      };
+    case "Monitor":
+      return {
+        name: "ArcGIS Monitor",
+        fileName: "arcgis-monitor",
+        icon: "monitor"
+      };
+    case "Notebooks":
+      return {
+        name: "ArcGIS Notebooks",
+        fileName: "arcgis-notebooks",
+        icon: "notebook"
+      };
+    case "Online":
+      return {
+        name: "ArcGIS Online",
+        fileName: "arcgis-online",
+        icon: "arcgis-online"
+      };
+    case "Ortho Maker":
+      return {
+        name: "Ortho Maker",
+        fileName: "arcgis-ortho-maker",
+        icon: "ortho-maker"
+      };
+    case "QuickCapture":
+      return {
+        name: "ArcGIS QuickCapture",
+        fileName: "arcgis-quickcapture",
+        icon: "quick-capture"
+      };
+    case "Reality Studio":
+      return {
+        name: "ArcGIS Reality Studio",
+        fileName: "arcgis-reality-studio",
+        icon: "arcgis-reality-studio"
+      };
+    case "Scene Viewer":
+      return {
+        name: "Scene Viewer",
+        fileName: "sceneviewer",
+        icon: "scene-viewer"
+      };
+    case "Solutions":
+      return {
+        name: "ArcGIS Solutions",
+        fileName: "arcgis-solutions",
+        icon: "solutions"
+      };
+    case "StoryMaps":
+      return {
+        name: "ArcGIS StoryMaps",
+        fileName: "arcgis-storymaps",
+        icon: "story-maps"
+      };
+    case "Survey123":
+      return {
+        name: "ArcGIS Survey123",
+        fileName: "arcgis-survey123",
+        icon: "survey123"
+      };
+    case "Tracker":
+      return {
+        name: "Track Viewer",
+        fileName: "arcgis-tracker",
+        icon: "track-viewer"
+      };
+    case "Urban":
+      return {
+        name: "ArcGIS Urban",
+        fileName: "arcgis-urban",
+        icon: "arcgis-urban"
+      };
+    case "Vector Tile Style Editor":
+      return {
+        name: "Vector Tile Style Editor",
+        fileName: "vector-tile-style-editor",
+        icon: "vector-tile-style-editor"
+      };
+    case "Velocity":
+      return {
+        name: "ArcGIS Velocity",
+        fileName: "arcgis-velocity",
+        icon: "velocity"
+      };
+    case "Web Editor":
+      return {
+        name: "Web Editor",
+        fileName: "arcgis-web-editor",
+        icon: "web-editor"
+      };
+    case "Workflow Manager":
+      return {
+        name: "ArcGIS Workflow Manager",
+        fileName: "arcgis-workflow-manager",
+        icon: "workflow-manager"
+      };
+    case "Workforce":
+      return {
+        name: "ArcGIS Workforce",
+        fileName: "arcgis-workforce",
+        icon: "workforce"
+      };
+    default:
+      return {
+        name: "ArcGIS Online",
+        fileName: "arcgis-online",
+        icon: "arcgis-online"
+      };
+  }
+}
+function Fe({
+  name: e,
+  fileName: t,
+  icon: i
+}) {
+  return {
+    name: e,
+    glyph: ee(`assets/portal-navigation/product-logos/${t}-glyph-32.svg`),
+    icon: ee(`assets/portal-navigation/apps/${i}.avif`)
+  };
+}
+function We({ portal: e, clientId: t }) {
+  return e?.sourceJSON?.subscriptionInfo?.options?.includes("Developer") ? "Location Platform" : de(t) ? "GeoAnalytics Fabric" : ue(t) ? "GeoAnalytics Engine" : e?.isPortal ? "Enterprise" : "Online";
+}
+function _n(e) {
+  const t = We(e);
+  return Fe(Re(t));
+}
+function Ae(e) {
+  const t = e?.product === "Online" ? We(e) : e?.product;
+  return Fe(Re(t));
+}
+function wn() {
+  const e = Pt();
+  ["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 yn({ portal: e, clientId: t }) {
+  const i = oe({ portal: e });
+  if (e?.isPortal) {
+    const n = e.access === "private" ? q("signin.html", e) : e.allSSL || window.location.protocol === "https:" ? q("./index.html", e) : `${i}/index.html`;
+    An(e, n);
+  } else
+    window.location.href = `${i}/pages/Account/manage_accounts.html#client_id=${t}&signout=true`;
+}
+function $n() {
+  ci(ye), li(ye);
+}
+function An(e, t = window.location.href) {
+  const i = window.location.href.startsWith("http://"), n = Rt(e);
+  Vt.destroyCredentials(), $n();
+  const r = new URL(q(`${ce(e)}oauth2/signout`, e)), { searchParams: o } = r;
+  o.append("client_id", "arcgisonline"), o.append("redirect_uri", t), n && i && (e.isPortal || e.user?.sourceJSON.provider === "enterprise") && o.append("token", n), window.location.href = r.href;
+}
+function z(e, t) {
+  if (!e)
+    return 0;
+  const i = Wt({ text: e, font: `${t === "s" ? ".875rem" : "1rem"} 'Avenir Next'` });
+  return Math.ceil(i);
+}
+function kn({
+  portal: e,
+  product: t,
+  projectTitle: i,
+  links: n,
+  messages: r,
+  productInfo: o
+}) {
+  if (!t || !e)
+    return;
+  const s = e.user, c = pe(t) && n?.length ? 24 + n.reduce((g, p) => g + 16 + z(p.label) + 16, 0) : 0, d = 40 + z(i) + 32 + 16 + 16 + 12, m = s ? Math.max(z(s?.username, "s"), z(s?.fullName)) : z(r?.signIn);
+  return {
+    actions: 192,
+    project: i ? Math.min(d, 400) : 0,
+    product: 64 + Math.max(z(o?.name), z(e.name, "s")) + 16,
+    nav: c,
+    user: 64 + m + 16
+  };
+}
+function xn({
+  measurements: e,
+  screenWidth: t
+}) {
+  const { actions: i, nav: n, product: r, project: o, user: s } = e, a = 64, c = t - i - a > n, d = t - i - (c ? n : 0) - o - a > Math.min(r, 400), m = t - n - o - i - r < Math.min(s, 320);
+  return {
+    nav: c,
+    product: d,
+    user: m ? "avatar" : "full"
+  };
+}
+const Ve = ' -type:"Code Attachment" -type:"Featured Items" -type:"Symbol Set" -type:"Color Set" -type:"Windows Viewer Add In" -type:"Windows Viewer Configuration" -type:"Map Area" -typekeywords:"MapAreaPackage" -type:"Indoors Map Configuration" -typekeywords:"SMX"';
+async function ke({
+  portal: e,
+  searchTerm: t
+}) {
+  if (!e?.user)
+    return [];
+  try {
+    return (await e.queryItems({
+      ...t ? { query: t } : {},
+      filter: `owner:${e.user.username}${Ve}`,
+      num: 20,
+      sortField: "modified",
+      sortOrder: "desc"
+    })).results;
+  } catch {
+    return [];
+  }
+}
+async function Sn({
+  portal: e,
+  searchTerm: t
+}) {
+  if (!e)
+    return [];
+  const i = qt((t || "").substring(0, 409)), n = `${e?.id ? `accountid:"${e.id}"` : ""}${Ve}`, r = `${ce(e)}search/suggest`;
+  return (await B(r, { query: {
+    suggest: i,
+    filters: n,
+    searchFields: "title",
+    f: "json"
+  } }))?.result?.results || [];
+}
+const In = St`:host{display:block;--arcgis-portal-navigation-logo-max-width: 260px;--arcgis-portal-navigation-logo-text-display: flex;--arcgis-portal-navigation-user-max-width: 260px;--arcgis-portal-navigation-user-text-display: block;--arcgis-portal-navigation-project-max-width: auto}.scrim{z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;--calcite-scrim-background: rgba(0, 0, 0, .85)}.scrim--active{opacity:1}.wrapper{background:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3);position:relative;z-index:200}.navigation{width:100%;min-width:0;min-height:4rem;display:flex;align-items:stretch;max-width:var(--arcgis-portal-navigation-max-width);margin-inline:auto;overflow:hidden}.navigation--loading .fade-in{opacity:0}.fade-in{opacity:1;transition:opacity ease-in-out .15s}.content-end{margin-inline-start:auto;display:flex;align-items:center}.content-end[hidden]{display:none}.action{height:100%;--calcite-internal-action-spacing: 1.25rem}.border-start{border-inline-start:1px solid var(--calcite-color-border-3)}.platform{--calcite-sheet-width: 24rem}.platform__container{display:flex;flex-direction:column;max-height:100%}.platform__header{display:flex;align-items:center}.platform__header-image{width:48px;height:48px;margin-inline-end:1rem}.platform__header-text{flex:1 1 auto;line-height:1.375}.platform__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium)}.platform__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-2)}.platform__panel{border-inline-end:1px solid var(--calcite-color-border-3);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.platform__tiles{margin:.75rem .75rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem}.platform__tabs{min-height:0;flex:1 1 auto;--calcite-tab-content-space-y: 0}.platform__tab{position:relative}.list{list-style:none;margin:0;padding:0}.list__container{position:relative}.list__header{display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);position:sticky;top:0;z-index:701}.list__search{flex:1 1 auto;--calcite-color-border-input: var(--calcite-color-foreground-1)}.list-item__link{display:block;box-sizing:border-box;width:100%;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1);outline-color:transparent;text-decoration:none;outline-offset:0;transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out,outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out}.list-item__link:hover{background-color:var(--calcite-color-transparent-hover)}.list-item__link:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus);outline-offset:-2px}.list-item:focus-within .list-item__container{border-bottom-color:transparent}.list-item__container{box-sizing:border-box;width:100%;padding-block:.5rem;padding-inline-start:0;padding-inline-end:.5rem;border-bottom:1px solid var(--calcite-color-border-3);display:flex;align-items:center;position:relative;pointer-events:none}.list-item__content{display:flex;flex-direction:column;justify-content:center;min-width:0}.list-item__logo{width:48px;height:48px;flex:0 0 auto;box-sizing:border-box;margin-inline-end:.5rem;justify-content:center;align-items:center;position:relative;display:flex}.list-item__logo-bg{position:absolute}.list-item__indicator{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--calcite-color-status-success);border:2px solid var(--calcite-color-foreground-1);z-index:50;top:.25rem;inset-inline-start:-.25rem}.list-item__abbr{color:#fff;font-weight:700;position:relative}.list-item__logo-empty{border:2px dashed var(--calcite-color-border-3);border-radius:8px}.list-item__logo--item-type{background-color:var(--calcite-color-background);display:flex;justify-content:center;align-items:center}.list-item__title{display:block;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);font-weight:500;word-wrap:break-word}.list-item__title--regular{font-weight:400;padding-top:.25rem}.list-item__title--large{font-size:var(--calcite-font-size-0);line-height:1}.list-item__subtitle{display:block;font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-3);font-weight:500;padding-top:.25rem;padding-bottom:.25rem}.list-item__subtitle--large{font-size:var(--calcite-font-size--1);font-weight:400;padding:0}.list-item__chip{margin-inline-start:auto;--calcite-chip-background-color: var(--calcite-color-foreground-current)}.app--hidden{--calcite-list-background-color: var(--calcite-color-background)}.app--hidden .list-item__logo{opacity:.4}.logo{border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-logo-max-width);display:flex;align-items:center}.logo--link{text-decoration:none}.logo--link:hover{background-color:var(--calcite-color-transparent-hover)}.logo--link:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.logo__glyph{width:32px;height:32px;padding-inline:1rem}.logo__text{display:var(--arcgis-portal-navigation-logo-text-display);flex-direction:column;overflow:hidden;white-space:nowrap;text-align:start;padding-inline:var(--calcite-internal-navigation-logo-padding-inline);padding-inline-end:1rem}.logo__title{margin:0;padding:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.25rem;text-overflow:ellipsis;overflow:hidden}.logo__subtitle{margin:0;padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);font-size:.875rem;line-height:1rem;text-overflow:ellipsis;overflow:hidden}.site-nav{margin-inline-start:1.5rem}.project{min-width:0;outline:none;border:none;border-inline-end:1px solid var(--calcite-color-border-3);cursor:pointer;background-color:var(--calcite-color-foreground-1);box-sizing:border-box;display:flex;user-select:none;appearance:none;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;outline-color:transparent;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;inset-inline-end:.25rem;background:transparent;white-space:nowrap;padding:0 1.375rem;flex-grow:2}.project:hover{background-color:var(--calcite-color-transparent-hover)}.project:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.project__title{display:flex;justify-self:stretch;min-width:0;align-items:center;justify-content:center;padding:0 1.5rem;margin-inline-end:1.5rem;color:var(--calcite-color-text-1);border-inline-end:1px solid var(--calcite-color-border-3);max-width:var(--arcgis-portal-navigation-project-max-width, 60%)}.project__title__header{padding:0;margin:0;font-size:1rem;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project__dropdown{max-width:var(--arcgis-portal-navigation-project-max-width, 60%);min-width:0;margin-inline-end:1.5rem}.project__indicator{margin-inline-end:.5rem;--calcite-ui-icon-color: var(--calcite-color-status-danger)}.project__menu-icon{margin-inline-end:.75rem}.project__text{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-inline-end:.75rem}.rename{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.rename__action{margin-inline-end:.5rem;display:flex;align-items:center}.rename__input{margin-inline-end:.5rem;display:block;width:100%}.search{width:100%;min-width:0;display:flex;flex:1 1 0;align-items:center;margin-inline-start:.5rem}.search__action{margin-inline-end:.5rem;display:flex;align-items:center}.search__input{margin-inline-end:.5rem;display:block;width:100%}.suggestions__header{display:flex;align-items:center;width:var(--calcite-popover-max-size-x);box-sizing:border-box;padding:.75rem 1rem;border-bottom:1px solid var(--calcite-color-border-3)}.suggestions__title{padding:0;margin:0;font-weight:500;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-1);flex:1 1 0}.suggestions__search-type{--calcite-popover-max-size-x: 320px}.suggestions__search-type__icon{vertical-align:-.2rem}.suggestions__footer{display:flex;align-items:center;justify-content:center;padding:1rem}.notifications{width:min(24rem,80vw)}.notifications--full:after{content:"";display:block;border-top:1px solid var(--calcite-color-border-3);margin-left:1rem}.notifications__list{max-height:min(18rem,80vh);overflow:auto;box-sizing:border-box;width:100%}.notifications--empty{padding:2rem}.empty{padding:1rem;text-align:center;color:var(--calcite-color-text-3);--calcite-icon-color: var(--calcite-color-status-success-hover)}.empty__header{margin:0;padding:.75rem 0 0;color:var(--calcite-color-text-1);font-weight:500;font-size:var(--calcite-font-size-1)}.empty__text{margin:0;padding:0;color:var(--calcite-color-text-3);font-weight:400;font-size:var(--calcite-font-size-0)}.notification{display:flex;flex-direction:column;padding:.5rem}.notification__message{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);--calcite-color-brand-underline: transparent}.notification__date{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-0)}.notifications__dismiss{margin-inline-start:auto;margin-inline-end:1rem;margin-block:.5rem}.user{display:flex;max-width:var(--arcgis-portal-navigation-user-max-width);--calcite-dropdown-item-text-color: var(--calcite-color-text-3);--calcite-dropdown-group-title-text-color: var(--calcite-color-text-2)}.user__dropdown{max-width:100%}.user__button{max-width:100%;--calcite-spacing-base: -2px}.user__button__contents{display:flex;text-align:start}.user__button__text{display:var(--arcgis-portal-navigation-user-text-display);flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375;overflow:hidden}.user__button__avatar{flex:0 0 auto}.user__button__full,.user__button__username{max-width:100%;overflow:hidden;text-overflow:ellipsis}.user__top{display:flex;padding:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.user__top__avatar{flex:0 0 auto}.user__top__text{box-sizing:border-box;word-wrap:break-word;flex:1 1 0;min-width:0;padding-inline-start:1rem;line-height:1.375}.user__full{font-size:1rem;font-weight:medium;color:var(--calcite-colot-text-1);line-height:1.25;padding:0;margin:0}.user__username{font-size:.875rem;line-height:1.25;color:var(--calcite-colot-text-2);padding:0;margin:0}`;
+function Pn({ messages: e, portal: t, showNav: i, openPlatformMenu: n, handleToggleSearch: r }) {
+  return !e || i && !t?.user ? null : l`<calcite-action .label=${e.applicationMenu} text="app switcher" icon=app-launcher scale=l class="action" @click=${n} @focusin=${() => r(!1, !0)}></calcite-action>`;
+}
+class Nn extends At {
+  constructor() {
+    super(...arguments), this.messages = kt({ blocking: !0 }), this.originalRecentContent = [], this.refreshNotifications = async () => {
+      const { portal: t, messages: i } = this;
+      this.notifications = await be({ portal: t, locale: i._t9nLocale, t9n: i.notifications });
+    }, this.deleteNotifications = async (t) => {
+      const { portal: i } = this;
+      if (t?.length < 20)
+        await Zt(i, t);
+      else {
+        let n = 0;
+        for await (const r of t)
+          await Me({ id: r, portal: i }), this.notificationDeleteProgress = Math.ceil(n++ / t.length * 100);
+      }
+      this.notificationDeleteProgress = void 0, this.refreshNotifications();
+    }, this.navigate = (t) => {
+      this.arcgisNavigate.emit(t), this.platformMenuOpen = !1, this.notificationsActive = !1, this.searchActive = !1;
+    }, this.openPlatformMenu = () => {
+      this.platformMenuOpen = !0, this.searchActive = !1;
+    }, this.projectMenuClick = (t) => {
+      this.arcgisNavigationProjectMenuClick.emit(t);
+    }, this.openProjectTitleEdit = () => {
+      this.projectTitleEditing = !0, this.editedProjectTitle = this.projectTitle, requestAnimationFrame(() => {
+        this.projectTitleInputRef?.value?.setFocus();
+      });
+    }, this.closeProjectTitleEdit = () => {
+      this.projectTitleEditing = !1, this.projectTitleErrorMessage = void 0, requestAnimationFrame(() => {
+        this.projectButtonRef?.value?.focus();
+      });
+    }, this.handleProjectTitleSave = async (t) => {
+      this.projectTitleSaving = !0;
+      const n = await (this.projectTitleSave || Ki)(t);
+      if (this.projectTitleSaving = !1, n.status === "success") {
+        this.closeProjectTitleEdit();
+        return;
+      }
+      n.message && (this.projectTitleErrorMessage = n.message);
+    }, this.handleProjectTitleEdit = (t) => {
+      this.editedProjectTitle = t;
+    }, this.handleProjectTitleCancel = () => {
+      this.editedProjectTitle = this.projectTitle, this.closeProjectTitleEdit();
+    }, this.signOut = () => {
+      const { portal: t, clientId: i } = this;
+      yn({ portal: t, clientId: i }), this.arcgisNavigationSignOut.emit();
+    }, this.signIn = () => {
+      this.arcgisNavigationSignIn.emit(), wn();
+    }, this.openAccountSwitcher = () => {
+      this.accountSwitcherOpen = !0;
+    }, this.handlePlatformClose = () => {
+      this.platformMenuOpen = !1, this.handleAppCancel(), this.appsSearchTerm = "", this.recentContent = this.originalRecentContent, this.recentContentSearchTerm = "";
+    }, 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 Ei({ apps: i, hiddenApps: t, userProperties: n, portal: r });
+      o?.success && (this.previousAppState = {
+        apps: i,
+        hiddenApps: t
+      }), await Ht(1e3), this.appsLoading = !1;
+    }, this.handleAppDelete = async (t) => {
+      t && (this.apps = this.sortedApps.filter((i) => i.itemId !== t), this.sortedApps = this.sortedApps.filter((i) => i.itemId !== t));
+    }, this.handleAppCancel = () => {
+      this.previousAppState && (this.apps = this.previousAppState.apps, this.hiddenApps = this.previousAppState.hiddenApps), this.editingApplications = !1;
+    }, this.handleAppHide = ({ app: t, hidden: i }) => {
+      !this.hiddenApps || !t || (this.hiddenApps = { ...this.hiddenApps || {}, [t]: i });
+    }, this.handleAppReorder = ({ oldIndex: t, newIndex: i }) => {
+      const n = [...this.sortedApps], r = n[t];
+      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 ke({ portal: this.portal, searchTerm: t }), this.recentContentLoading = !1, t || (this.originalRecentContent = [...this.recentContent]);
+    }, 1e3), this.debouncedSuggest = fe(async (t) => {
+      this.suggestions = await Sn({ portal: this.portal, searchTerm: t });
+    }, 1e3), this.handleSearch = (t) => {
+      this.searchTerm = t, this.suggestions = void 0, this.debouncedSuggest(t);
+    }, this.sizeSearchPopover = () => {
+      const t = this.searchInput?.value, i = this.searchPopover?.value;
+      if (!t || !i)
+        return;
+      const n = t.offsetWidth > 480 ? `${t.offsetWidth}px` : "80vw";
+      i.style?.setProperty?.("--calcite-popover-max-size-x", n);
+    }, this.handleToggleNotifications = (t) => {
+      this.notificationsActive = t;
+    }, this.handleToggleSearch = (t, i) => {
+      this.searchActive = t, this.searchTerm = "", this.suggestions = void 0, document.documentElement.style.overflow = t ? "hidden" : this.initialDocumentOverflowStyle, !i && requestAnimationFrame(() => {
+        if (t) {
+          this.searchInput?.value?.setFocus(), this.sizeSearchPopover();
+          return;
+        }
+        this.searchAction?.value?.setFocus();
+      });
+    }, this.handleSearchTypeChange = (t) => {
+      this.searchType = t;
+    }, this.searchInput = F(), this.searchAction = F(), this.searchPopover = F(), this.projectTitleInputRef = F(), this.projectButtonRef = F(), this.initialDocumentOverflowStyle = document.documentElement.style.overflow, this.links = [], this.notifications = [], this.notificationsActive = !1, 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 = H(), this.arcgisNavigationProjectMenuClick = H(), this.arcgisNavigationSignIn = H(), this.arcgisNavigationSignOut = H();
+  }
+  static {
+    this.properties = { infoBanner: 16, links: 16, userLinks: 16, notifications: 16, notificationsActive: 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, platformInfo: 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 = In;
+  }
+  #e;
+  connectedCallback() {
+    super.connectedCallback(), this.initialDocumentOverflowStyle = document.documentElement.style.overflow, !(typeof ResizeObserver > "u") && (this.#e = new ResizeObserver(() => {
+      requestAnimationFrame(() => {
+        this.screenWidth = window.innerWidth, this.updateBreakpoints(), this.sizeSearchPopover();
+      });
+    }));
+  }
+  willUpdate(t) {
+    (t.has("product") || t.has("clientId")) && this.hasUpdated && (this.productInfo = Ae({ product: this.product, clientId: this.clientId, portal: this.portal }));
+  }
+  firstUpdated() {
+    this.el && this.#e && (this.#e.observe(this.el), this.screenWidth = window.innerWidth);
+  }
+  async loaded() {
+    const { portal: t, messages: i, clientId: n, product: r } = this;
+    this.calculateMeasurements(), this.productInfo = Ae({ product: r, clientId: n, portal: t }), this.platformInfo = _n({ clientId: n, portal: t }), this.userLinks = un({ portal: t, messages: i.user, clientId: n }), this.notifications = await be({ portal: t, locale: i._t9nLocale, t9n: i.notifications }), this.recentContent = await ke({ portal: t }), this.originalRecentContent = [...this.recentContent], this.recentContentLoading = !1;
+    const { apps: o, hiddenApps: s, signInSettings: a, licenses: c, userProperties: d } = await Oi({
+      portal: t,
+      trackViewerEnabled: !this.disableTrackViewer,
+      notebookServerEnabled: !this.disableNotebookServer
+    }), m = await Et(t);
+    this.infoBanner = m?.informationalBanner, this.userProperties = d, this.apps = o, this.hiddenApps = s, this.sortedApps = o, this.previousAppState = { apps: o, hiddenApps: s }, this.appsLoading = !1, this.links = Gi({
+      portal: t,
+      messages: i.links,
+      licenses: c,
+      clientId: n,
+      signInSettings: a
+    }), this.calculateMeasurements();
+  }
+  disconnectedCallback() {
+    this.#e?.disconnect(), this.#e = void 0, document.documentElement.style.overflow = this.initialDocumentOverflowStyle, super.disconnectedCallback();
+  }
+  calculateMeasurements() {
+    const { links: t, messages: i, portal: n, product: r, productInfo: o, projectTitle: s } = this;
+    if (n) {
+      const a = kn({
+        portal: n,
+        product: r,
+        productInfo: o,
+        links: t,
+        messages: i.user,
+        projectTitle: s
+      });
+      this.measurements = a, this.updateBreakpoints();
+    }
+  }
+  updateBreakpoints() {
+    const { measurements: t, maxWidth: i } = this;
+    if (t) {
+      const n = i ? Math.min(this.screenWidth, i) : this.screenWidth, r = xn({ 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, currentPathname: o, handleAppCancel: s, handleAppDelete: a, handleAppHide: c, handleAppReorder: d, handleAppSave: m, handleItemSearch: g, handlePlatformClose: p, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, hiddenApps: I, infoBanner: P, links: f, messages: h, navigate: u, notifications: v, notificationsActive: N, notificationDeleteProgress: y, openAccountSwitcher: b, platformInfo: A, portal: k, portalItem: C, product: O, productInfo: x, productHref: j, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, handleProjectTitleCancel: Ke, handleToggleNotifications: he, openProjectTitleEdit: Qe, openPlatformMenu: Xe, platformMenuOpen: Ye, projectTitleEditing: Q, projectTitleSaving: Ze, projectTitleErrorMessage: et, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, userLinks: ut, searchActive: R, searchTerm: dt, searchType: pt, searchInput: ht, searchAction: mt, searchPopover: ft, showNav: X, showProduct: gt, showUser: bt, suggestions: vt } = this, _t = k?.user, wt = pe(O) && !f?.length || !this.measurements;
+    return l`<calcite-scrim class=${te({ scrim: !0, "scrim--active": R })}></calcite-scrim><div class="wrapper" style=${xe({ "--arcgis-portal-navigation-max-width": this.maxWidth ? `${this.maxWidth}px` : "100%" })}><arcgis-portal-info-banner .config=${P}></arcgis-portal-info-banner>${k?.isPortal && C?.loaded && l`<arcgis-portal-classification-banner .portalItem=${C}></arcgis-portal-classification-banner>` || ""}<header class=${te({ navigation: !0, "navigation--loading": wt })}>${Pn({ messages: h?.platform, portal: k, showNav: X, openPlatformMenu: Xe, handleToggleSearch: $ })}${gt && Jt({ navigate: u, portal: k, product: O, productInfo: x, productHref: j, messages: h?.logo, showNav: X, searchActive: R, projectTitleEditing: Q }) || ""}${Zi({ navigate: u, portal: k, portalItem: C, messages: h?.project, projectTitle: D, editedProjectTitle: He, handleProjectTitleSave: qe, handleProjectTitleEdit: Je, openProjectTitleEdit: Qe, projectTitleErrorMessage: et, handleProjectTitleCancel: Ke, projectTitleEditing: Q, projectTitleSaving: Ze, projectMenuIcon: tt, projectMenuSaveIndicator: it, projectMenuClick: nt, projectMenuOptions: rt, projectTitleInputRef: ot, projectButtonRef: st })}${X && an({ searchActive: R, navigate: u, portal: k, product: O, messages: h?.links, links: f, currentPathname: o }) || ""}<div slot=content-end class="content-end fade-in" .hidden=${Q || R}><slot name=content-end></slot></div>${on({ currentPathname: o, navigate: u, portal: k, product: O, messages: h?.search, searchActive: R, searchType: pt, searchTerm: dt, suggestions: vt, handleSearch: _, handleToggleSearch: $, handleSearchTypeChange: w, searchInputRef: ht, searchActionRef: mt, searchPopoverRef: ft })}${_t ? l`<div class="border-start fade-in">${ni({ notifications: v, notificationsActive: N, messages: h?.notifications, handleToggleNotifications: he, handleToggleSearch: $ })}${ri({ notificationsActive: N, notifications: v, navigate: u, portal: k, deleteNotifications: this.deleteNotifications, handleToggleNotifications: he, messages: h?.notifications, notificationDeleteProgress: y })}</div>${cn({ portal: k, userLinks: ut, openAccountSwitcher: k?.isPortal ? void 0 : b, signOut: this.signOut, messages: h?.user, textDisabled: bt === "avatar", navigate: u })}` : sn({ messages: h.user, signIn: this.signIn })}</header>${Ji({ locale: h._t9nLocale, navigate: u, portal: k, product: O, platformInfo: A, messages: h?.platform, apps: i, appsLoading: n, hiddenApps: I, appsSearchTerm: r, editingApplications: this.editingApplications, open: Ye, links: f, recentContent: at, recentContentSearchTerm: ct, recentContentLoading: lt, handlePlatformClose: p, handleAppReorder: d, handleAppEdit: () => this.editingApplications = !0, handleAppDelete: a, handleAppsSearch: (yt) => this.appsSearchTerm = yt, handleAppSave: m, handleAppCancel: s, handleAppHide: c, handleItemSearch: g })}${t && l`<arcgis-portal-account-switcher .portal=${k} @arcgisClose=${() => {
+      this.accountSwitcherOpen = !1;
+    }}></arcgis-portal-account-switcher>` || ""}</div>`;
+  }
+}
+$t("arcgis-portal-navigation", Nn);
+export {
+  Nn as ArcGISPortalNavigation
+};