@arcgis/portal-components 5.2.0-next.11 → 5.2.0-next.111

package/dist/components/arcgis-portal-navigation/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,31 @@
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-list";
+import "../arcgis-portal-item-type/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "../arcgis-portal-user-avatar/index.js";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-menu";
+import "@esri/calcite-components/components/calcite-menu-item";
+import "@esri/calcite-components/components/calcite-avatar";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-sheet";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-tile";
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-scrim";
+import "../arcgis-portal-info-banner/index.js";
+import "../arcgis-portal-classification-banner/index.js";
+import "../arcgis-portal-account-switcher/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-navigation/types.d.ts

@@ -0,0 +1,44 @@
+export type PortalNavigationProduct = "360 VR" | "Business Analyst" | "Dashboards" | "Data Pipelines" | "Deep Learning Studio" | "Enterprise" | "Excalibur" | "Experience Builder" | "Field Maps Designer EA" | "Field Maps" | "GeoAnalytics Engine" | "GeoAnalytics Fabric" | "GeoBIM" | "Hub" | "Instant Apps" | "Knowledge" | "Location Platform" | "Map Viewer" | "Mission" | "Monitor" | "Notebooks" | "Online" | "Ortho Maker" | "QuickCapture" | "Reality Studio" | "Scene Viewer" | "Solutions" | "StoryMaps" | "Survey123" | "Tracker" | "Urban" | "Vector Tile Style Editor" | "Velocity" | "Web Editor" | "Workflow Manager" | "Workforce";
+
+export interface PortalNavigationNavigateDetail {
+  href: string;
+  relativePath?: string;
+  event: Event;
+}
+
+export type PortalNavigationProjectMenuOption = PortalNavigationProjectMenuCustomOption | PortalNavigationProjectMenuStandardOption;
+
+export interface PortalNavigationProjectMenuClick {
+  type: PortalNavigationProjectMenuOptionID | string;
+}
+
+export type PortalNavigationProjectSaveResult = PortalNavigationProjectSaveError | PortalNavigationProjectSaveSuccess;
+
+export type PortalNavigationProjectMenuOptionID = "copyLink" | "details" | "embed" | "new" | "open" | "rename" | "save" | "saveCopy" | "share";
+
+export type PortalNavigationProjectMenuStandardOption = {
+  id: PortalNavigationProjectMenuOptionID;
+  text?: string;
+  disabled?: boolean;
+};
+
+export type PortalNavigationProjectMenuCustomOption = {
+  text: string;
+  id: string;
+  group?: PortalNavigationProjectMenuDropdownGroupID;
+  /** add an launch icon and open in a new tab */
+  external?: boolean;
+  disabled?: boolean;
+  href?: string;
+};
+
+export type PortalNavigationProjectSaveSuccess = {
+  status: "success";
+};
+
+export type PortalNavigationProjectSaveError = {
+  status: "error";
+  message: string;
+};
+
+export type PortalNavigationProjectMenuDropdownGroupID = "custom" | "details" | "new" | "save" | "share";

package/dist/components/arcgis-portal-replacement-item-redirect/customElement.js

@@ -1,405 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as f, c as g } from "../../chunks/runtime.js";
-import { LitElement as v, createEvent as b, nothing as y } from "@arcgis/lumina";
-import { f as I } from "../../chunks/item.js";
-import { u as w } from "../../chunks/useT9n.js";
-import { createRef as R, ref as k } from "lit/directives/ref.js";
-import { unsafeHTML as S } from "lit/directives/unsafe-html.js";
-import { css as M, html as l } from "lit";
-import m from "@arcgis/core/portal/PortalItem.js";
-import { g as T, b as $ } from "../../chunks/portal.js";
-import C from "@arcgis/core/request.js";
-import { f as P } from "../../chunks/user2.js";
-import { g as A } from "../../chunks/user.js";
-const U = M`.thumbnail-container{width:100%}.replacement-container{margin:.5rem}.replacement-message{margin-bottom:.5rem}.replacement-card__title{margin-bottom:.25rem}`, j = [
-  "360 VR Experience",
-  "Big Data Analytic",
-  "Dashboard",
-  "Data Pipeline",
-  "Deep Learning Studio Project",
-  "Discussion",
-  "Document Link",
-  "Excalibur Imagery Project",
-  "Feature Collection",
-  "Feature Service",
-  "Feed",
-  "Form",
-  "GeoBIM Application",
-  "GeoBIM Project",
-  "Hub Event",
-  "Hub Initiative",
-  "Hub Initiative Template",
-  "Hub Page",
-  "Hub Project",
-  "Image Service",
-  "Knowledge Graph",
-  "Knowledge Studio Project",
-  "Map Service",
-  "Map Showcase",
-  "Mission Report",
-  "Mission Template",
-  "Notebook",
-  "OGCFeatureServer",
-  "Ortho Mapping Project",
-  "Parquet Feature Layer",
-  "PDF",
-  "Real Time Analytic",
-  "Route Layer",
-  "Scene Service",
-  "Solution",
-  "StoryMap",
-  "StoryMap Theme",
-  "Tile Layer",
-  "Urban Model",
-  "Urban Project",
-  "Vector Tile Service",
-  "Video Service",
-  "Web Experience",
-  "Web Experience Template",
-  "Web Map",
-  "Web Mapping Application",
-  "Web Scene",
-  "WFS",
-  "Workflow"
-], D = [
-  "3DInsetMap",
-  "3DScene",
-  "3DViz",
-  "AttachmentViewer",
-  "CapacityAnalysis",
-  "Cascade",
-  "Compare",
-  "Compare/Configure",
-  "Compare/Multiviewer",
-  "Compare/Search",
-  "Compare/SideBySideViewer_Configure",
-  "Compare/storytelling_compare",
-  "Compare/storytelling_sidepanel",
-  "Compare/storytelling_tabbed",
-  "Compare3d",
-  "CompareAnalysis",
-  "CompareMaps",
-  "CrowdsourceManager",
-  "CrowdsourcePolling",
-  "CrowdsourceReporter",
-  "Directions",
-  "Edit",
-  "Editor",
-  "Elevations",
-  "ElevationsProfile",
-  "Embed",
-  "Filter",
-  "FilterGallery",
-  "GeoForm",
-  "GeoList",
-  "GeoTour",
-  "HeaderFooter",
-  "Identify",
-  "ImageInterpretation",
-  "ImageMask",
-  "ImageVisit",
-  "ImageryViewer",
-  "ImpactSummary",
-  "InformationLookup",
-  "InteractiveFilter",
-  "InteractiveLegend",
-  "LayerShowcase",
-  "Legend",
-  "LiveMaps",
-  "LocalPerspective",
-  "MapAndAppGallery",
-  "MapCarousel",
-  "MapJournal",
-  "MapSeries",
-  "Shortlist",
-  "MapTools",
-  "MapTour",
-  "Media",
-  "MinimalGallery",
-  "Minimalist",
-  "MobileViewer",
-  "Nearby",
-  "OnePane",
-  "Panels",
-  "PanelsLegend",
-  "Profile",
-  "PublicGallery",
-  "PublicInformation",
-  "ServiceLookup",
-  "SimpleMapViewer",
-  "SimpleViewer",
-  "SocialMedia",
-  "Solutions/s2.html?app=apps2/FindEditFilter",
-  "Solutions/s2.html?app=apps2/Finder",
-  "Solutions/s2.html",
-  "StoryMapBasic",
-  "StorytellingSwipe",
-  "StorytellingTextLegend",
-  "Styler",
-  "SummaryViewer",
-  "Time",
-  "TimeAware",
-  "TwoPane",
-  "View",
-  "Viewer",
-  "ZoneLookup"
-], L = (i) => {
-  if (!i)
-    return !1;
-  const e = D.some((t) => {
-    const r = t.includes(".html"), a = `/apps/${t}${r ? "" : "/"}`;
-    return decodeURIComponent(i.url)?.includes(a);
-  });
-  return i.type === "Web Mapping Application" && !!i.url && e;
-};
-function x(i) {
-  const e = [
-    "Cascade",
-    "MapTour",
-    "MapJournal",
-    "MapSeries",
-    "Shortlist",
-    "StoryMapCrowdsource",
-    "SwipeSpyglass",
-    "Story Map"
-  ];
-  return i.type === "Web Mapping Application" && (B(e, i) || F(i));
-}
-function F(i) {
-  return [
-    "Cascade",
-    "MapTour",
-    "MapJournal",
-    "MapSeries",
-    "Shortlist",
-    "StoryMapCrowdsource",
-    "StorytellingSwipe"
-  ].some((t) => {
-    const r = `/apps/${t}/index.html`;
-    return decodeURIComponent(i.url)?.includes(r);
-  });
-}
-function B(i, e) {
-  return i?.some((t) => e?.typeKeywords?.includes(t));
-}
-function E(i) {
-  return !!i && j.some((e) => i.type === e);
-}
-function d(i) {
-  const e = V(i);
-  return f(`assets/portal-item-thumbnail/${e}`);
-}
-function V(i) {
-  const e = i.type?.toLowerCase(), t = i.typeKeywords || [];
-  switch (e) {
-    case "web mapping application":
-      return "webapp.avif";
-    case "mobile application":
-      return "mobileapp.avif";
-    case "notebook code snippets":
-    case "notebook code snippet library":
-      return "notebookcodesnippets.avif";
-    case "notebook":
-      return "notebook.avif";
-    case "style":
-      return t.includes("Dictionary") ? "dictionarystyle.avif" : "style.avif";
-    case "feature service":
-      return t.includes("Location Tracking View") ? "locationtrackingservice.avif" : t.includes("IndoorPositioningDataService") ? "indoor-positioning-data-service.avif" : "default.avif";
-    case "pro presentation":
-      return "pro-presentation.avif";
-    case "reality mapping project":
-      return "realitymappingproject.avif";
-    case "raster function template":
-      return "rasterfunctiontemplate.avif";
-    case "workforce project":
-      return "workforceproject.avif";
-    case "hub initiative":
-      return "hubinitiative.avif";
-    case "hub page":
-      return "hubpage.avif";
-    case "hub site application":
-    case "site application":
-      return "hubsite.avif";
-    case "hub event":
-      return "hubevent.avif";
-    case "hub project":
-      return "hubproject.avif";
-    case "dashboard":
-      return t.includes("ArcGIS Dashboards") ? "dashboards.avif" : "opsdashboard.avif";
-    case "geoprocessing service":
-      return t.includes("Notebook Web Tool") ? "notebookwebtool.avif" : "webtool.avif";
-    case "web scene":
-    case "scene service":
-      return "scene.avif";
-    case "ortho mapping project":
-      return "orthomappingproject.avif";
-    case "ortho mapping template":
-      return "orthomappingtemplate.avif";
-    case "insights theme":
-      return "insightstheme.avif";
-    case "insights workbook package":
-      return "insightsworkbookpackage.avif";
-    case "solution":
-      return "solution.avif";
-    case "mobile scene package":
-      return "mobilescenepackage.avif";
-    case "deep learning package":
-      return "deeplearningpackage.avif";
-    case "big data analytic":
-      return "bigdataanalytic.avif";
-    case "real time analytic":
-      return "realtimeanalytic.avif";
-    case "feed":
-      return "feed.avif";
-    case "excalibur imagery project":
-      return "excaliburimageryproject.avif";
-    case "storymap":
-      return t?.includes("storymapcollection") ? "storymapcollection.avif" : "storymap.avif";
-    case "survey123 add in":
-      return "survey123addin.avif";
-    case "mission":
-      return "mission.avif";
-    case "mission template":
-      return "missiontemplate.avif";
-    case "quickcapture project":
-      return "quickcaptureproject.avif";
-    case "pro report":
-      return "proreport.avif";
-    case "pro package":
-      return "propackage.avif";
-    case "pro report template":
-      return "proreporttemplate.avif";
-    case "urban model":
-      return "urbanmodel.avif";
-    case "urban project":
-      return "urbanproject.avif";
-    case "web experience":
-      return "webexperience.avif";
-    case "web experience template":
-      return "webexperiencetemplate.avif";
-    case "experience builder widget":
-      return "experiencebuilderwidget.avif";
-    case "experience builder widget package":
-      return "experiencebuilderwidgetpackage.avif";
-    case "workflow":
-      return "workflow.avif";
-    case "insights script":
-      return "insightsscript.avif";
-    case "kernel gateway connection":
-      return "kernelgatewayconnection.avif";
-    case "hub initiative template":
-      return "hubinitiativetemplate.avif";
-    case "image service":
-      return t?.includes("Tile Imagery") ? "tiledimagerylayer.avif" : "imagerylayer.avif";
-    case "mission report":
-      return "missionreport.avif";
-    case "administrative report":
-      return "administrativereport.avif";
-    case "storymap theme":
-      return "storymaptheme.avif";
-    case "knowledge graph":
-      return "knowledgegraph.avif";
-    case "knowledge graph layer":
-      return "knowledgegraphlayer.avif";
-    case "knowledge studio project":
-      return "knowledgestudio.avif";
-    case "earth configuration":
-      return "earthconfiguration.avif";
-    case "link chart":
-      return "linkchart.avif";
-    case "investigation":
-      return "investigation.avif";
-    case "apache parquet":
-      return "apacheparquet.avif";
-    case "curated collection":
-      return "curatedcollection.avif";
-    case "video service":
-      return "mediaservice.avif";
-    case "geodata service":
-      return "geodataservice.avif";
-    case "suitability model":
-      return "suitabilitymodel.avif";
-    case "esri classifier definition":
-      return "classifierdefinition.avif";
-    case "esri spectral library":
-      return "spectrallibrary.avif";
-    case "deep learning studio project":
-      return "deeplearningstudioproject.avif";
-    case "esri classification schema":
-      return "classificationschema.avif";
-    case "insights data engineering workbook":
-      return "dataengineeringworkbook.avif";
-    case "insights data engineering model":
-      return "dataengineeringmodel.avif";
-    case "discussion":
-      return "discussion.avif";
-    case "api key":
-      return "apikey.avif";
-    case "data pipeline":
-      return "datapipeline.avif";
-    case "analysis model":
-      return "analysismodel.avif";
-    case "service connection":
-      return "serviceconnection.avif";
-    case "xr experience":
-      return "xrexperience.avif";
-    case "3dtiles service":
-      return t?.includes("GaussianSplat") ? "gaussiansplatlayer.avif" : "default.avif";
-    default:
-      return "default.avif";
-  }
-}
-function H(i, e, t) {
-  const { restUrl: r } = i, a = G(i), s = a ? `token=${a}` : "", o = `${r}/content/items/${e.id}`;
-  if (e.thumbnail) {
-    const c = e.thumbnailUrl;
-    if (c) {
-      const n = new URL(c);
-      return n.searchParams.append("w", "400"), n.href;
-    }
-    return `${o}/info/${e.thumbnail}?w=400${a ? "&" : ""}${s}`;
-  } else if (e.type === "Image")
-    return `${o}/data?${s}`;
-  return d(e);
-}
-function G(i) {
-  return (
-    // @ts-ignore
-    i?.credential?.token || i?.token || i?.user?.credential?.token || i?.portalUser?.token || ""
-  );
-}
-function _({
-  portal: i,
-  usePortalHostname: e
-}) {
-  const { customBaseUrl: t, portalHostname: r, urlKey: a } = i, { protocol: s } = window.location, o = !e && a ? `${a}.${t}` : r;
-  return `${s}//${o}`;
-}
-async function O(i) {
-  if (!i?.user)
-    return [];
-  const e = `${T(i)}portals/self/signinSettings`;
-  return (await C(e, {
-    query: { f: "json" }
-  }))?.data.blockedApps || [];
-}
-const u = 5e3;
-class W extends v {
+import { c as d } from "../../chunks/runtime.js";
+import { LitElement as u, createEvent as I, nothing as R } from "@arcgis/lumina";
+import { g } from "../../chunks/item2.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { createRef as b, ref as $ } from "lit/directives/ref.js";
+import { unsafeHTML as v } from "lit/directives/unsafe-html.js";
+import { css as w, html as c } from "lit";
+import { i as A, a as T, b as U } from "../../chunks/info.js";
+import { g as y, a as k } from "../../chunks/thumbnail.js";
+import o from "@arcgis/core/portal/PortalItem.js";
+import { g as C } from "../../chunks/url.js";
+import { g as B } from "../../chunks/portal2.js";
+import { f as D } from "../../chunks/user.js";
+import { g as P } from "../../chunks/user2.js";
+import { b as _ } from "../../chunks/portal.js";
+const O = w`.thumbnail{object-fit:cover;max-height:8rem}.replacement-container{margin:.5rem}.replacement-message{margin-bottom:.5rem}.replacement-card__title{margin-bottom:.25rem}`, p = 5e3;
+class H extends u {
   constructor() {
-    super(...arguments), this.replacementId = null, this.itemOwnerName = "", this.replacementItemInRecycleBin = !1, this.hasInaccessibleReplacementItem = !1, this.replacementItemSupportsOpenActions = !1, this.thumbnailUrl = null, this.timer = void 0, this.messages = w({ blocking: !0 }), this.primaryActionRef = R(), this.getItemDetailsUrl = ({ portal: e, itemId: t, redirect: r }) => {
-      const a = _({ portal: e, usePortalHostname: !this.user });
-      return a ? `${`${a}/home`}/item.html?id=${t}${r ? "&performRedirectAction=true" : ""}` : "";
+    super(...arguments), this.replacementId = null, this.itemOwnerName = "", this.replacementItemInRecycleBin = !1, this.hasInaccessibleReplacementItem = !1, this.replacementItemSupportsOpenActions = !1, this.thumbnailUrl = null, this.timer = void 0, this.messages = f({ blocking: !0 }), this.primaryActionRef = b(), this.getItemDetailsUrl = ({ portal: e, itemId: t, redirect: i }) => {
+      const r = C({ portal: e, usePortalHostname: !this.user });
+      return r ? `${`${r}/home`}/item.html?id=${t}${i ? "&performRedirectAction=true" : ""}` : "";
     }, this.performRedirectAction = () => {
       window.open(this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId, redirect: !0 }), "_self");
     }, this.viewItemDetailsPage = () => {
       window.open(this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId ?? this.itemId }), this.supportsReplacement ? "_self" : "_blank");
-    }, this.canRedirect = !1, this.item = null, this.replacementItem = null, this.redirectAction = null, this.supportsReplacement = !1, this.redirectCancelled = !1, this.open = !1, this.redirectTimeRemaining = u / 1e3, this.arcgisPortalReplacementItemFetch = b();
+    }, this.canRedirect = !1, this.item = null, this.replacementItem = null, this.redirectAction = null, this.supportsReplacement = !1, this.redirectCancelled = !1, this.open = !1, this.redirectTimeRemaining = p / 1e3, this.arcgisPortalReplacementItemFetch = I();
   }
   static {
     this.properties = { item: 16, replacementItem: 16, redirectAction: 16, supportsReplacement: 16, redirectCancelled: 16, open: 16, redirectTimeRemaining: 16, itemId: 1, portal: 0, user: 0 };
   }
   static {
-    this.styles = U;
+    this.styles = O;
   }
   async setFocus() {
     this.primaryActionRef.value?.setFocus();
@@ -408,7 +39,7 @@ class W extends v {
     (e.has("itemId") || e.has("portal") || e.has("user")) && (this.user ??= this.portal?.user ?? null, this.initItem());
   }
   setupTimer({ onComplete: e }) {
-    typeof this.timer == "number" && clearInterval(this.timer), this.redirectTimeRemaining = u / 1e3, this.timer = setInterval(() => {
+    typeof this.timer == "number" && clearInterval(this.timer), this.redirectTimeRemaining = p / 1e3, this.timer = setInterval(() => {
       if (this.redirectTimeRemaining <= 0) {
         clearInterval(this.timer), this.timer = void 0, e();
         return;
@@ -426,62 +57,62 @@ class W extends v {
     this.cancelTimer(), this.redirectCancelled = !0;
   }
   isItemRetired(e) {
-    return L(e) || x(e);
+    return A(e) || T(e);
   }
   async initItem() {
     if (!this.itemId)
       return;
-    const { itemId: e, portal: t, performRedirectAction: r } = this, a = new m({
+    const { itemId: e, portal: t, performRedirectAction: i } = this, r = new o({
       id: e,
       portal: t
     });
-    this.item = await a?.load();
-    const s = await I(e, t, {
+    this.item = await r?.load();
+    const a = await g(e, t, {
       relationshipType: "ReplacementItem2Item",
       direction: "reverse"
-    }, !0), o = s.data?.relatedItems?.[0];
-    this.replacementItemInRecycleBin = o?.inRecycleBin;
-    const c = o?.id, n = !this.replacementItemInRecycleBin && c ? new m({
-      id: c,
+    }, !0), n = a.data?.relatedItems?.[0];
+    this.replacementItemInRecycleBin = n?.inRecycleBin;
+    const l = n?.id, s = !this.replacementItemInRecycleBin && l ? new o({
+      id: l,
       portal: t
     }) : null;
-    await n?.load(), this.replacementItem = n, this.hasInaccessibleReplacementItem = this.replacementItemInRecycleBin || !n && s.data?.aggregations?.total?.count > 0 && s.data?.relatedItems?.length === 0, this.arcgisPortalReplacementItemFetch.emit({
-      replacementItem: this.hasInaccessibleReplacementItem ? {} : n || null
-    }), this.replacementItem = n;
-    const p = this.replacementItem?.owner ?? (a?.owner || null);
-    this.itemOwnerName = p ? A(await P(p, t), this.messages?._t9nLocale || "en") : "", this.replacementItemSupportsOpenActions = E(n), this.thumbnailUrl = H(t, n ?? this.item), this.supportsReplacement = !!n && this.isItemRetired(a);
-    const h = $(this.replacementItem, await O(this.portal), this.portal?.isPortal ?? !1);
-    this.canRedirect = this.supportsReplacement && this.replacementItemSupportsOpenActions && !h, this.replacementId = n?.id || null, this.canRedirect && this.setupTimer({
-      onComplete: () => r()
+    await s?.load(), this.replacementItem = s, this.hasInaccessibleReplacementItem = this.replacementItemInRecycleBin || !s && a.data?.aggregations?.total?.count > 0 && a.data?.relatedItems?.length === 0, this.arcgisPortalReplacementItemFetch.emit({
+      replacementItem: this.hasInaccessibleReplacementItem ? {} : s || null
+    }), this.replacementItem = s;
+    const m = this.replacementItem?.owner ?? (r?.owner || null);
+    this.itemOwnerName = m ? P(await D(m, t), this.messages?._t9nLocale || "en") : "", this.replacementItemSupportsOpenActions = U(s), this.thumbnailUrl = y(t, s ?? this.item), this.supportsReplacement = !!s && this.isItemRetired(r);
+    const h = _(this.replacementItem, await B(this.portal), this.portal?.isPortal ?? !1);
+    this.canRedirect = this.supportsReplacement && this.replacementItemSupportsOpenActions && !h, this.replacementId = s?.id || null, this.canRedirect && this.setupTimer({
+      onComplete: () => i()
     }), this.open = !0;
   }
   getReplacementHeading() {
-    const { messages: e, hasInaccessibleReplacementItem: t, canRedirect: r } = this;
-    return t ? e.replacementUnavailable : r ? e.redirectToReplacement : this.isItemRetired(this.item) && !this.replacementItem ? e.replacementUnavailable : e.replacementAvailable;
+    const { messages: e, hasInaccessibleReplacementItem: t, canRedirect: i } = this;
+    return t ? e.replacementUnavailable : i ? e.redirectToReplacement : this.isItemRetired(this.item) && !this.replacementItem ? e.replacementUnavailable : e.replacementAvailable;
   }
   getReplacementMessage() {
-    const { messages: e, hasInaccessibleReplacementItem: t, supportsReplacement: r } = this;
-    return t ? e.retiredReplacementUnavailable : r ? e.deprecatedHasReplacement : this.isItemRetired(this.item) && !this.replacementItem ? e.retired : e.deprecatedHasReplacement;
+    const { messages: e, hasInaccessibleReplacementItem: t, supportsReplacement: i } = this;
+    return t ? e.retiredReplacementUnavailable : i ? e.deprecatedHasReplacement : this.isItemRetired(this.item) && !this.replacementItem ? e.retired : e.deprecatedHasReplacement;
   }
   getRedirectActionMessage() {
-    const { messages: e, canRedirect: t, redirectTimeRemaining: r, redirectCancelled: a } = this;
-    return a ? e.redirectToReplacement : t ? e.redirect.replace("${seconds}", `${r}`) : e.moreDetails;
+    const { messages: e, canRedirect: t, redirectTimeRemaining: i, redirectCancelled: r } = this;
+    return r ? e.redirectToReplacement : t ? e.redirect.replace("${seconds}", `${i}`) : e.moreDetails;
   }
   renderCard(e) {
-    const { canRedirect: t, messages: r } = this;
-    return l`<calcite-card thumbnail-position=inline-start><img slot=thumbnail class="thumbnail" src=${(this.thumbnailUrl || void 0) ?? y} @error=${async () => this.thumbnailUrl = d(e)}><span slot=heading class="replacement-card__title">${e.title}</span><span slot=description>${r.ownedBy?.replace("${owner}", this.itemOwnerName)}</span>${t && l`<calcite-link slot=footer-start icon-end=launch .href=${this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId })} target=_blank>${r.moreDetails}</calcite-link>` || ""}</calcite-card>`;
+    const { canRedirect: t, messages: i } = this;
+    return c`<calcite-card thumbnail-position=inline-start><img slot=thumbnail class="thumbnail" src=${(this.thumbnailUrl || void 0) ?? R} @error=${async () => this.thumbnailUrl = k(e)}><span slot=heading class="replacement-card__title">${e.title}</span><span slot=description>${i.ownedBy?.replace("${owner}", this.itemOwnerName)}</span>${t && c`<calcite-link slot=footer-start icon-end=launch .href=${this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId })} target=_blank>${i.moreDetails}</calcite-link>` || ""}</calcite-card>`;
   }
   render() {
-    const { open: e, messages: t, item: r, replacementItem: a, supportsReplacement: s, canRedirect: o, redirectCancelled: c } = this;
-    if (!(!r || !this.isItemRetired(r)))
-      return l`<calcite-dialog modal .open=${e} width=s kind=info outside-close-disabled escape-disabled close-disabled .heading=${this.getReplacementHeading()} @calciteDialogClose=${() => this.handleClose()}><div class="replacement-container"><div class="replacement-message">${S(this.getReplacementMessage()?.replace("${itemTitle}", this.item?.title || ""))}</div>${this.renderCard(s ? a : r)}</div>${o && !c && l`<calcite-button slot=footer-end appearance=outline-fill kind=neutral @click=${() => {
+    const { open: e, messages: t, item: i, replacementItem: r, supportsReplacement: a, canRedirect: n, redirectCancelled: l } = this;
+    if (!(!i || !this.isItemRetired(i)))
+      return c`<calcite-dialog modal .open=${e} width=s kind=info outside-close-disabled escape-disabled close-disabled .heading=${this.getReplacementHeading()} @calciteDialogClose=${() => this.handleClose()}><div class="replacement-container"><div class="replacement-message">${v(this.getReplacementMessage()?.replace("${itemTitle}", this.item?.title || ""))}</div>${this.renderCard(a ? r : i)}</div>${n && !l && c`<calcite-button slot=footer-end appearance=outline-fill kind=neutral @click=${() => {
         this.cancelRedirect();
       }}>${t.cancelRedirection}</calcite-button>` || ""}<calcite-button slot=footer-end @click=${() => {
-        this.cancelTimer(), o ? this.performRedirectAction() : this.viewItemDetailsPage();
-      }} .iconEnd=${o ? void 0 : "launch"} ${k(this.primaryActionRef)}>${this.getRedirectActionMessage()}</calcite-button></calcite-dialog>`;
+        this.cancelTimer(), n ? this.performRedirectAction() : this.viewItemDetailsPage();
+      }} .iconEnd=${n ? void 0 : "launch"} ${$(this.primaryActionRef)}>${this.getRedirectActionMessage()}</calcite-button></calcite-dialog>`;
   }
 }
-g("arcgis-portal-replacement-item-redirect", W);
+d("arcgis-portal-replacement-item-redirect", H);
 export {
-  W as ArcgisPortalReplacementItemRedirect
+  H as ArcgisPortalReplacementItemRedirect
 };

package/dist/components/arcgis-portal-user-avatar/customElement.d.ts

@@ -6,6 +6,15 @@ import type { Scale } from "../../types/ui.js";
 import type { CommunityUser, ItemUserInfo, SearchResultUser } from "../../types/user.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** width and height of avatar */
+  "--arcgis-portal-user-avatar-size": "*";
+  /** width of skeleton state while avatar is loading */
+  "--arcgis-portal-user-avatar-skeleton-width": "*";
+}
+}
+
 export abstract class ArcgisPortalUserAvatar extends LitElement {
   /**
    * @default false