@arcgis/portal-components 5.2.0-next.13 → 5.2.0-next.130

package/dist/components/arcgis-portal-review-related-items/customElement.js

@@ -0,0 +1,42 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c } from "../../chunks/runtime.js";
+import { css as n, html as i } from "lit";
+import { substitute as o } from "@arcgis/core/intl.js";
+import { LitElement as m, nothing as p } from "@arcgis/lumina";
+import { u as d } from "../../chunks/useT9n.js";
+import { g } from "../../chunks/user2.js";
+const u = n`:host{display:block}.item{display:block;color:var(--calcite-color-text-1);text-decoration:none}.item-link{text-decoration:none}.item__content{display:flex;flex-direction:column;min-width:0;margin-inline-start:var(--calcite-spacing-unit);overflow-wrap:anywhere}.item__title{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);text-decoration:underline}.item__details{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}.item__details-owner{display:inline-block;text-decoration:none}.item__type{font-weight:var(--calcite-font-weight-medium)}.item-card__access{display:flex;align-items:center;color:var(--calcite-color-text-2);font-size:.75rem}.item-card__detail__icon{margin-inline-end:.375rem}.items-directly-using{display:block;padding-block-end:.75rem}`;
+class _ extends m {
+  constructor() {
+    super(...arguments), this.messages = d({ blocking: !0 }), this.sourceItem = null, this.relatedItems = [];
+  }
+  static {
+    this.properties = { sourceItem: 0, relatedItems: 0, portal: 0, user: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  getAccessInfoIcon(e) {
+    return {
+      public: "globe",
+      private: "lock",
+      org: "organization",
+      shared: "group"
+    }[e];
+  }
+  render() {
+    return this.relatedItems.length ? i`<span class="items-directly-using" .innerHTML=${o(this.messages.itemsDirectlyUsing, {
+      itemTitle: this.sourceItem?.title ?? "",
+      count: this.relatedItems.length
+    }) ?? ""}></span><calcite-list label="Related items">${this.relatedItems.map((e) => {
+      const t = e.itemPageUrl ?? void 0, s = e.title ?? "", l = this.getAccessInfoIcon(e.access), a = i`<calcite-list-item .label=${s} @calciteListItemSelect=${() => {
+        t && window.open(t, "_blank", "noopener,noreferrer");
+      }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${this.portal} .user=${this.user} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${s}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${this.user} .portal=${this.portal} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${g(this.user, this.messages._lang) ?? e.owner}</span></div></div></div><span slot=content-end class="item-card__access"><calcite-icon .icon=${l} scale=s class="item-card__detail__icon"></calcite-icon></span></calcite-list-item>`;
+      return t ? i`<a href=${t ?? p} rel="noopener noreferrer" target=_blank tabindex=-1 class="item-link" @click=${(r) => r.preventDefault()}>${a}</a>` : a;
+    })}</calcite-list>` : null;
+  }
+}
+c("arcgis-portal-review-related-items", _);
+export {
+  _ as ArcgisPortalReviewRelatedItems
+};

package/dist/components/arcgis-portal-review-related-items/index.d.ts

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

package/dist/components/arcgis-portal-review-related-items/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "../arcgis-portal-item-type/index.js";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-sublayer-type/customElement.d.ts

@@ -0,0 +1,76 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalGeometryType } from "../../types/geometry.js";
+import type { SublayerTypeRenderer } from "./utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** Displays the icon and label used to represent a sublayer type. */
+export abstract class ArcgisPortalSublayerType extends LitElement {
+  /** Geometry type of the layer or table. */
+  accessor geometry: PortalGeometryType | undefined;
+  /**
+   * Set to true to hide the layer icon.
+   *
+   * @default false
+   */
+  accessor hideIcon: boolean;
+  /**
+   * Set to true to hide the layer name.
+   *
+   * @default false
+   */
+  accessor hideName: boolean;
+  /**
+   * Set to true to hide the type text.
+   *
+   * @default false
+   */
+  accessor hideType: boolean;
+  /** @internal */
+  protected messages: {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  } & T9nMeta<{
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  }>;
+  /** Layer or table name. */
+  accessor name: string | undefined;
+  /** Custom renderer function that receives the resolved type information. */
+  accessor renderer: SublayerTypeRenderer | undefined;
+  /** Desired size. */
+  accessor scale: Icon["scale"] | undefined;
+  /** Type of the layer or table. */
+  accessor type: string | undefined;
+  /**
+   * Underline the layer name. Primarily used to denote links.
+   *
+   * @default false
+   */
+  accessor underline: boolean;
+}

package/dist/components/arcgis-portal-sublayer-type/customElement.js

@@ -0,0 +1,121 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as l, html as t } from "lit";
+import { LitElement as y, safeClassMap as c } from "@arcgis/lumina";
+import { u as m } from "../../chunks/useT9n.js";
+const u = l`:host{display:inline-flex;align-items:center;line-height:1.35;--sublayer-type-font-size: var(--calcite-font-size--1)}.sublayer-type{display:inline-flex;align-items:center;max-width:100%;min-width:0}.text{flex:1 1 0%;margin-inline-start:.5rem;color:inherit}.name{font-weight:500;font-size:var(--sublayer-type-font-size);overflow-wrap:anywhere;white-space:normal}.name--underline{text-decoration:underline}.type{font-weight:400;color:var(--calcite-color-text-2);font-size:var(--sublayer-type-font-size)}`;
+function p({ geometry: n, type: e }) {
+  if (e !== void 0)
+    switch (e) {
+      case "Annotation Layer":
+        return {
+          icon: "layer-annotation",
+          type: "annotation",
+          isGeometry: !1
+        };
+      case "Dimension Layer":
+        return {
+          icon: "layer-dimension",
+          type: "dimension",
+          isGeometry: !1
+        };
+      case "Utility Network Layer":
+        return {
+          icon: "utility-network-layer",
+          type: "utility network",
+          isGeometry: !1
+        };
+      case "Catalog Layer":
+        return {
+          icon: "catalog-dataset",
+          type: "catalog",
+          isGeometry: !1
+        };
+      case "Parcel Layer":
+        return {
+          icon: "parcel-layer",
+          type: "parcel",
+          isGeometry: !1
+        };
+      case "Oriented Imagery Layer":
+        return {
+          icon: "oriented-imagery-layer",
+          type: "oriented imagery",
+          isGeometry: !1
+        };
+      case "Table":
+        return {
+          icon: "table",
+          type: "table",
+          isGeometry: !0
+        };
+    }
+  switch (n) {
+    case "point":
+    case "esriGeometryPoint":
+      return {
+        type: "point",
+        icon: "point",
+        isGeometry: !0
+      };
+    case "esriGeometryMultipoint":
+    case "multipoint":
+      return {
+        type: "multipoint",
+        icon: "layer-points",
+        isGeometry: !0
+      };
+    case "line":
+    case "polyline":
+    case "esriGeometryPolyline":
+      return {
+        type: "line",
+        icon: "line",
+        isGeometry: !0
+      };
+    case "polygon":
+    case "esriGeometryPolygon":
+      return {
+        type: "polygon",
+        icon: "polygon",
+        isGeometry: !0
+      };
+    case "multipatch":
+    case "esriGeometryMultiPatch":
+      return {
+        type: "multipatch",
+        icon: "cube",
+        isGeometry: !0
+      };
+    default:
+      return {
+        type: "table",
+        icon: "table",
+        isGeometry: !0
+      };
+  }
+}
+class h extends y {
+  constructor() {
+    super(...arguments), this.messages = m({ blocking: !0 }), this.hideName = !1, this.hideIcon = !1, this.hideType = !1, this.underline = !1;
+  }
+  static {
+    this.properties = { geometry: 1, type: 1, scale: 3, name: 1, hideName: 5, hideIcon: 5, hideType: 5, underline: 5, renderer: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  render() {
+    if (!this.messages._lang)
+      return null;
+    const e = p({ type: this.type, geometry: this.geometry });
+    if (this.renderer)
+      return this.renderer({ ...e, name: this.name ?? "" });
+    const { hideIcon: s, hideName: i, hideType: r, underline: a } = this;
+    return i && s && r ? null : t`<div class="sublayer-type">${!s && t`<calcite-icon .icon=${e.icon} .scale=${this.scale}></calcite-icon>` || ""}${(!i || !r) && t`<div class="text">${!i && t`<div class=${c({ name: !0, "name--underline": a })}>${this.name ?? ""}</div>` || ""}${!r && t`<div class="type">${this.messages[e.type]}</div>` || ""}</div>` || ""}</div>`;
+  }
+}
+o("arcgis-portal-sublayer-type", h);
+export {
+  h as ArcgisPortalSublayerType
+};

package/dist/components/arcgis-portal-sublayer-type/index.d.ts

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

package/dist/components/arcgis-portal-sublayer-type/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-sublayer-type/utils.d.ts

@@ -0,0 +1,30 @@
+import type { JsxNode } from "@arcgis/lumina";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** @param args */
+export type SublayerTypeRenderer = (args: SublayerTypeRendererArguments) => JsxNode;
+
+export interface SublayerTypeRendererArguments extends SublayerTypeInfo {
+  name: string;
+}
+
+export interface SublayerTypeInfo {
+  icon: Icon["icon"];
+  type: keyof {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  };
+  isGeometry: boolean;
+}

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

package/dist/components/arcgis-portal-user-avatar/customElement.js

@@ -1,62 +1,51 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as x } from "../../chunks/runtime.js";
-import { LitElement as b, safeClassMap as l } from "@arcgis/lumina";
-import { css as k, html as n } from "lit";
-import { u as $ } from "../../chunks/useT9n.js";
-import { f as z } from "../../chunks/user2.js";
-import { g as U } from "../../chunks/user.js";
-import { a as y, g as A } from "../../chunks/portal.js";
-const N = k`:host{max-width:100%;display:flex;align-items:center;min-width:0}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;align-items:center}.skeleton-avatar{border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.skeleton-name{background-color:var(--calcite-color-foreground-3);border-radius:var(--calcite-border-radius);width:var(--arcgis-portal-user-avatar-skeleton-width);border-radius:var(--arcgis-portal-user-avatar-spacing);height:var(--arcgis-portal-user-avatar-spacing);margin-inline-start:var(--arcgis-portal-user-avatar-spacing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar{display:block;flex-grow:0;flex-shrink:0;border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.text{color:var(--calcite-color-text-2);display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:start;margin-inline-start:var(--arcgis-portal-user-avatar-spacing);line-height:calc(var(--arcgis-portal-user-avatar-size) / 2)}.text--no-avatar{margin-inline-start:0}.-text-underline .title{text-decoration:underline}.text--clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-description{font-weight:500}.description{font-weight:400;color:var(--calcite-color-text-2)}:host([scale="xs"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 18px;--arcgis-portal-user-avatar-spacing: .25rem ;.description{font-size:.625rem;margin-top:-.125rem}.text{line-height:1.35}}:host([scale="s"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 1.5rem ;--arcgis-portal-user-avatar-spacing: .5rem ;--arcgis-portal-user-avatar-skeleton-width: 4rem ;.description{font-size:.625rem}}:host([scale="m"]){font-size:.875rem;--arcgis-portal-user-avatar-size: 2rem ;--arcgis-portal-user-avatar-spacing: .75rem ;--arcgis-portal-user-avatar-skeleton-width: 5rem ;.description{font-size:.75rem}}:host([scale="l"]){font-size:1rem;--arcgis-portal-user-avatar-size: 2.5rem ;--arcgis-portal-user-avatar-spacing: 1rem ;--arcgis-portal-user-avatar-skeleton-width: 6rem ;.description{font-size:.875rem}}`, B = (s) => s.thumbnailUrl !== void 0;
-function c(s, a, r = !1) {
-  if (B(s))
-    return s.thumbnailUrl;
-  const e = s.thumbnail;
-  if (!e)
-    return null;
-  if (e.startsWith("http"))
-    return e;
-  const t = y(a);
-  return `${r ? "https://www.arcgis.com/sharing/rest/" : A(a)}community/users/${s.username}/info/${e}${t && !r ? `?token=${t}` : ""}`;
-}
-class P extends b {
+import { LitElement as w, safeClassMap as l } from "@arcgis/lumina";
+import { css as k, html as t } from "lit";
+import { u as b } from "../../chunks/useT9n.js";
+import { f as z } from "../../chunks/user.js";
+import { g as $ } from "../../chunks/user2.js";
+import { g as n } from "../../chunks/services.js";
+const U = k`:host{max-width:100%;display:flex;align-items:center;min-width:0}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;align-items:center}.skeleton-avatar{border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.skeleton-name{background-color:var(--calcite-color-foreground-3);border-radius:var(--calcite-border-radius);width:var(--arcgis-portal-user-avatar-skeleton-width);border-radius:var(--arcgis-portal-user-avatar-spacing);height:var(--arcgis-portal-user-avatar-spacing);margin-inline-start:var(--arcgis-portal-user-avatar-spacing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar{display:block;flex-grow:0;flex-shrink:0;border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.text{color:var(--calcite-color-text-2);display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:start;margin-inline-start:var(--arcgis-portal-user-avatar-spacing);line-height:calc(var(--arcgis-portal-user-avatar-size) / 2)}.text--no-avatar{margin-inline-start:0}.-text-underline .title{text-decoration:underline}.text--clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-description{font-weight:500}.description{font-weight:400;color:var(--calcite-color-text-2)}:host([scale="xs"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 18px;--arcgis-portal-user-avatar-spacing: .25rem ;.description{font-size:.625rem;margin-top:-.125rem}.text{line-height:1.35}}:host([scale="s"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 1.5rem ;--arcgis-portal-user-avatar-spacing: .5rem ;--arcgis-portal-user-avatar-skeleton-width: 4rem ;.description{font-size:.625rem}}:host([scale="m"]){font-size:.875rem;--arcgis-portal-user-avatar-size: 2rem ;--arcgis-portal-user-avatar-spacing: .75rem ;--arcgis-portal-user-avatar-skeleton-width: 5rem ;.description{font-size:.75rem}}:host([scale="l"]){font-size:1rem;--arcgis-portal-user-avatar-size: 2.5rem ;--arcgis-portal-user-avatar-spacing: 1rem ;--arcgis-portal-user-avatar-skeleton-width: 6rem ;.description{font-size:.875rem}}`;
+class y extends w {
   constructor() {
-    super(...arguments), this.messages = $({ name: null }), this.thumbnailUrl = null, this.scale = "m", this.hideAvatar = !1;
+    super(...arguments), this.messages = b({ name: null }), this.thumbnailUrl = null, this.scale = "m", this.hideAvatar = !1;
   }
   static {
     this.properties = { user: 0, portal: 0, scale: 3, showName: 5, hideAvatar: 5, heading: 1, description: 1, underline: 5, username: 1, wrap: 5, checkOnline: 5 };
   }
   static {
-    this.styles = N;
+    this.styles = U;
   }
   async load() {
-    const { username: a, checkOnline: r, portal: e, user: t } = this;
-    if (a && e) {
-      const i = await z(a, e, r);
-      this.user = i, this.thumbnailUrl = c(i, e, r);
-    } else t && e && (this.thumbnailUrl = c(t, e, r));
+    const { username: e, checkOnline: a, portal: r, user: i } = this;
+    if (e && r) {
+      const s = await z(e, r, a);
+      this.user = s, this.thumbnailUrl = n(s, r, a);
+    } else i && r && (this.thumbnailUrl = n(i, r, a));
   }
-  updated(a) {
-    const r = a.get("user");
-    r && this.portal && (this.thumbnailUrl = c(r, this.portal, this.checkOnline));
+  updated(e) {
+    const a = e.get("user");
+    a && this.portal && (this.thumbnailUrl = n(a, this.portal, this.checkOnline));
   }
   renderSkeleton() {
-    return n`<div class="skeleton">${!this.hideAvatar && n`<div class="skeleton-avatar"></div>` || ""}${this.showName && n`<div class="skeleton-name"></div>` || ""}</div>`;
+    return t`<div class="skeleton">${!this.hideAvatar && t`<div class="skeleton-avatar"></div>` || ""}${this.showName && t`<div class="skeleton-name"></div>` || ""}</div>`;
   }
   renderUser() {
-    const { user: a, messages: r, thumbnailUrl: e, hideAvatar: t, showName: i, description: u, scale: m, underline: h, heading: d } = this;
-    if (!a)
+    const { user: e, messages: a, thumbnailUrl: r, hideAvatar: i, showName: s, description: c, scale: p, underline: m, heading: d } = this;
+    if (!e)
       return [];
-    const { fullName: g, username: v, id: f } = a, o = !!u, w = (g?.split(" ") || []).slice(0, 2).join(" "), p = this.wrap ? "text--clamp" : "text--ellipsis";
+    const { fullName: h, username: g, id: v } = e, o = !!c, f = (h?.split(" ") || []).slice(0, 2).join(" "), u = this.wrap ? "text--clamp" : "text--ellipsis";
     return [
-      !t && n`<calcite-avatar class="avatar" .scale=${m === "xs" ? "s" : m} .fullName=${w} .username=${v} .userId=${f} .thumbnail=${e || void 0} .inert=${i || o ? !0 : void 0}></calcite-avatar>` || "",
-      (i || o) && n`<span class=${l({ text: !0, "text--underline": h, "text--no-avatar": t })}>${i && n`<span class=${l({ title: !0, "has-description": o, [p]: !0 })}>${d || U(a, r._lang)}</span>` || ""}${o && n`<span class=${l({ description: !0, [p]: !0 })}>${u}</span>` || ""}</span>` || ""
+      !i && t`<calcite-avatar class="avatar" .scale=${p === "xs" ? "s" : p} .fullName=${f} .username=${g} .userId=${v} .thumbnail=${r || void 0} .inert=${s || o ? !0 : void 0}></calcite-avatar>` || "",
+      (s || o) && t`<span class=${l({ text: !0, "text--underline": m, "text--no-avatar": i })}>${s && t`<span class=${l({ title: !0, "has-description": o, [u]: !0 })}>${d || $(e, a._lang)}</span>` || ""}${o && t`<span class=${l({ description: !0, [u]: !0 })}>${c}</span>` || ""}</span>` || ""
     ];
   }
   render() {
     return this.user && this.messages._lang ? this.renderUser() : this.renderSkeleton();
   }
 }
-x("arcgis-portal-user-avatar", P);
+x("arcgis-portal-user-avatar", y);
 export {
-  P as ArcgisPortalUserAvatar
+  y as ArcgisPortalUserAvatar
 };

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

@@ -5,6 +5,7 @@ import type PortalUser from "@arcgis/core/portal/PortalUser.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { InternalUIAction } from "../../types/tracking.js";
 import type { Scale } from "../../types/ui.js";
+import type { CommunityUser, ItemUserInfo, SearchResultUser } from "../../types/user.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class ArcgisPortalUserPopup extends LitElement {
@@ -88,7 +89,7 @@ export abstract class ArcgisPortalUserPopup extends LitElement {
    */
   accessor underline: boolean | undefined;
   /** Passing a user will always show thumbnail for that user (use either user or item). */
-  accessor user: PortalUser | undefined;
+  accessor user: PopupUser | undefined;
   /** Passing a username will perform a fetch for the user information on load. */
   accessor username: string | undefined;
   /**
@@ -108,4 +109,6 @@ export abstract class ArcgisPortalUserPopup extends LitElement {
     arcgisUserPopupClose: ArcgisPortalUserPopup["arcgisUserPopupClose"]["detail"];
     arcgisUserPopupInternalUIAction: ArcgisPortalUserPopup["arcgisUserPopupInternalUIAction"]["detail"];
   };
-}
+}
+
+export type PopupUser = CommunityUser | ItemUserInfo | PortalUser | SearchResultUser;