@arcgis/portal-components 6.0.0-next.11 → 6.0.0-next.13

package/dist/components/arcgis-portal-group-browser/customElement.js

@@ -178,7 +178,7 @@ function Be(t) {
           r.specialGroup && e.set("specialGroups", r.specialGroup);
           break;
         case "memberOrg":
-          r.memberOrg && e.set("memberorgids", r.memberOrg);
+          r.memberOrg && r.value && e.set("memberorgids", r.memberOrg);
           break;
         case "membership":
           r.membership && e.set("membershipaccess", r.membership);
@@ -546,20 +546,24 @@ class Re extends L {
         username: o
       }, this.selectedOwner = e.owner, s = !0;
     }
-    e.membership && this.filters.membership?.enabled && !this.filters.membership.props?.membership && (r.membership = {
+    if (e.membership && this.filters.membership?.enabled && !this.filters.membership.props?.membership && (r.membership = {
       id: "membership",
       label: f(this._messages.membership.label, { label: this._messages.membership[e.membership] }),
       param: "q",
       value: X(e.membership, this.hasIndoorsSpaces),
       membership: e.membership
-    }, this.selectedMembership = e.membership, s = !0), e.memberOrg && this.filters.memberOrg?.enabled && !this.filters.memberOrg.props?.memberOrg && (r.memberOrg = {
-      id: "memberOrg",
-      label: f(this._messages.memberOrg.label, { label: this._messages.memberOrg[e.memberOrg] }),
-      param: "q",
-      value: Y(e.memberOrg, this.filters.memberOrg.props?.orgId ?? this.portal.id ?? ""),
-      memberOrg: e.memberOrg,
-      orgId: this.filters.memberOrg.props?.orgId ?? this.portal.id ?? ""
-    }, this.selectedMemberOrg = e.memberOrg, s = !0), e.specialGroups && this.filters.specialGroups?.enabled && !this.filters.specialGroups.props?.specialGroup && (r.specialGroups = {
+    }, this.selectedMembership = e.membership, s = !0), e.memberOrg && this.filters.memberOrg?.enabled && !this.filters.memberOrg.props?.memberOrg) {
+      const o = this.filters.memberOrg.props?.orgId ?? "";
+      r.memberOrg = {
+        id: "memberOrg",
+        label: f(this._messages.memberOrg.label, { label: this._messages.memberOrg[e.memberOrg] }),
+        param: "q",
+        value: Y(e.memberOrg, o),
+        memberOrg: e.memberOrg,
+        orgId: o
+      }, this.selectedMemberOrg = e.memberOrg, s = !0;
+    }
+    e.specialGroups && this.filters.specialGroups?.enabled && !this.filters.specialGroups.props?.specialGroup && (r.specialGroups = {
       id: "specialGroups",
       label: f(this._messages.specialGroups.label, {
         label: this._messages.specialGroups[e.specialGroups]

package/dist/components/arcgis-portal-group-browser/types.d.ts

@@ -174,6 +174,7 @@ export interface PortalGroupBrowserMembershipSelection {
 
 export interface PortalGroupBrowserMemberOrgSelection {
   memberOrg: PortalGroupBrowserMemberOrg | null;
+  /** Scopes "anotherOrg" to a specific organization. Omit to match groups with any external members. */
   orgId: string;
 }
 

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

@@ -2,14 +2,14 @@ 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 "../arcgis-portal-item-type/index.js";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-dropdown-item";
 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-input";
 import "@esri/calcite-components/components/calcite-dropdown";
 import "../arcgis-portal-user-avatar/index.js";
 import "@esri/calcite-components/components/calcite-dropdown-group";

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

@@ -1,48 +1,57 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { LitElement as p } from "@arcgis/lumina";
-import { css as u, html as o } from "lit";
-import { f as h } from "../../chunks/user.js";
+import { c as p } from "../../chunks/runtime.js";
+import { LitElement as u } from "@arcgis/lumina";
+import { css as h, html as o } from "lit";
+import { f as d } from "../../chunks/user.js";
 import { f as g } from "../../chunks/item.js";
 import { s as I } from "../../chunks/portal-related-items-list-item.js";
-import { u as c } from "../../chunks/useT9n.js";
+import { u as n } from "../../chunks/useT9n.js";
 import { RelatedItemsListItem as f } from "../portal-related-items-list-item/customElement.js";
-import { g as b } from "../../chunks/url.js";
-const w = u`:host{display:block}.items-directly-using{display:flex;justify-content:space-between;align-items:center;padding-block-end:.75rem}.impacted-items-labels{display:flex;flex-direction:column}.impacted-items-title{font-weight:500}.impacted-items-access-count{font-size:var(--calcite-font-size--2)}.view-full-list{margin:.5rem 0}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}calcite-list{max-block-size:250px;overflow-y:auto}`, m = 20;
-class v extends p {
+import { g as w } from "../../chunks/url.js";
+const b = h`:host{display:block}.items-directly-using{display:flex;justify-content:space-between;align-items:center;padding-block-end:.75rem}.impacted-items-labels{display:flex;flex-direction:column}.impacted-items-title{font-weight:500}.impacted-items-access-count{font-size:var(--calcite-font-size--2)}.view-full-list{margin:.5rem 0}.items-list{max-block-size:250px;overflow-y:auto}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}`, c = 20;
+class v extends u {
   constructor() {
-    super(...arguments), this.messages = c({ blocking: !0 }), this.browserMessages = c({ name: "portal-browser", blocking: !0 }), this.deleteMessages = c({ name: "portal-delete-items", blocking: !0 }), this.userRequestId = 0, this.itemGroups = {}, this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
+    super(...arguments), this.messages = n({ blocking: !0 }), this.browserMessages = n({ name: "portal-browser", blocking: !0 }), this.deleteMessages = n({ name: "portal-delete-items", blocking: !0 }), this.userRequestId = 0, this.itemGroups = {}, this.itemOwners = {}, this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
   }
   static {
-    this.properties = { itemGroups: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
+    this.properties = { itemGroups: 16, itemOwners: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
   }
   static {
-    this.styles = [w, I];
+    this.styles = [b, I];
   }
   willUpdate(e) {
-    (e.has("relatedItems") || e.has("portal") || e.has("user")) && (this.itemGroups = {}, this.loadGroupSharing(++this.userRequestId));
+    (e.has("relatedItems") || e.has("portal") || e.has("user")) && (this.itemGroups = {}, this.itemOwners = {}, this.loadGroupSharing(++this.userRequestId), this.loadItemOwners());
+  }
+  async loadItemOwners() {
+    const { portal: e, relatedItems: s } = this;
+    if (!e)
+      return;
+    const a = [
+      ...new Set(s.slice(0, c).map((t) => t.owner).filter((t) => !!t))
+    ], i = await Promise.all(a.map(async (t) => [t, await d(t, e)]));
+    this.itemOwners = Object.fromEntries(i);
   }
   async loadGroupSharing(e) {
-    const { portal: t, relatedItems: i } = this, s = this.user ?? t?.user;
-    if (!t || !s?.username || !i.length)
+    const { portal: s, relatedItems: a } = this, i = this.user ?? s?.user;
+    if (!s || !i?.username || !a.length)
       return;
-    const r = await h(s.username, t);
+    const t = await d(i.username, s);
     if (e !== this.userRequestId)
       return;
-    const { result: a } = await g(t, r, i);
-    e === this.userRequestId && (this.itemGroups = a ?? {});
+    const { result: r } = await g(s, t, a);
+    e === this.userRequestId && (this.itemGroups = r ?? {});
   }
   render() {
     const e = this.relatedItemsCount ?? this.relatedItems.length;
     if (!e && !this.relatedItems.length)
       return null;
-    const t = new Intl.NumberFormat(this.deleteMessages._t9nLocale), i = t.format(e), s = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, r = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, a = this.portal && this.sourceItem ? `${b({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0, n = () => {
-      a && window.open(a, "_blank");
+    const s = new Intl.NumberFormat(this.deleteMessages._t9nLocale), a = s.format(e), i = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, t = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, r = this.portal && this.sourceItem ? `${w({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0, m = () => {
+      r && window.open(r, "_blank");
     };
-    return o`<calcite-block .heading=${r.replace("{count}", i)} collapsible .label=${s} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${s}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", t.format(this.relatedItems.length)).replace("{totalCount}", i)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${n}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><calcite-list .label=${s}>${this.relatedItems.slice(0, m).map((l) => f({ item: l, portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified, access: { level: l.access, groupIds: l.id ? this.itemGroups[l.id] : void 0 } }))}</calcite-list>${this.relatedItems.length > m && o`<calcite-button class="view-full-list" appearance=transparent icon-end=launch @click=${n}>${this.deleteMessages.impactedItems["View full list"]}</calcite-button>` || ""}</calcite-block>`;
+    return o`<calcite-block .heading=${t.replace("{count}", a)} collapsible .label=${i} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${i}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", s.format(this.relatedItems.length)).replace("{totalCount}", a)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><div class="items-list"><calcite-list .label=${i}>${this.relatedItems.slice(0, c).map((l) => f({ item: l, owner: this.itemOwners[l.owner], portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified, access: { level: l.access, groupIds: l.id ? this.itemGroups[l.id] : void 0 } }))}</calcite-list>${this.relatedItems.length > c && o`<calcite-button class="view-full-list" appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View full list"]}</calcite-button>` || ""}</div></calcite-block>`;
   }
 }
-d("arcgis-portal-review-related-items", v);
+p("arcgis-portal-review-related-items", v);
 export {
   v as ArcgisPortalReviewRelatedItems
 };

package/dist/components/portal-group-browser-filters/customElement.js

@@ -8,7 +8,7 @@ import { PortalBrowserFilterItem as g } from "../portal-browser/components/porta
 import { PortalBrowserFilters as me } from "../portal-browser/components/portal-browser-filters/customElement.js";
 import { g as ue, a as ge, b as be, c as fe, d as he } from "../../chunks/query.js";
 function ye(U) {
-  const { browserMessages: O, slot: y, filters: l, hasIndoorsSpaces: v, isFilterActive: b, messages: t, portal: f, selectedAccess: D, selectedGroupsByUser: N, selectedMemberOrg: j, selectedMembership: z, selectedOwner: H, selectedSpecialGroup: J, specialGroupOptions: K, store: k, handleRemove: c, handleSelect: n, handleUpsert: o, handleUserFilterChange: W } = U, I = f.isPortal, q = f.user, S = pe(q), B = q?.username ?? "", X = (e) => e === B ? u(t.groupsByUser.me, { username: e }) : e, C = (e, r) => e === "owner" ? r : e === "outsideOrg" && S ? t.owner.someoneElse : e === "inOrg" ? t.owner.inOrg : e === "outsideOrg" ? t.owner.outsideOrg : r, w = l.owner, T = H ?? w?.props?.owner ?? null, x = w?.props?.username ?? B, Y = f.id ?? "", Z = S ? ["owner", "outsideOrg"] : ["owner", "inOrg", "outsideOrg"], P = l.membership, M = z ?? P?.props?.membership ?? null, V = ["org", "collaboration", "anyOrg"], G = l.memberOrg, A = j ?? G?.props?.memberOrg ?? null, ee = G?.props?.orgId ?? f.id ?? "", re = ["myOrg", "anotherOrg"], F = l.specialGroups, Q = J ?? F?.props?.specialGroup ?? null, E = l.access, L = D ?? E?.props?.access ?? null, se = ["public", "org", "private"], h = l.groupsByUser, _ = h?.props?.usernames ?? [], te = h?.props?.selectedUsername ?? N ?? _[0] ?? B, i = O.filter.clear, p = (e, r) => {
+  const { browserMessages: $, slot: y, filters: l, hasIndoorsSpaces: O, isFilterActive: b, messages: t, portal: v, selectedAccess: D, selectedGroupsByUser: N, selectedMemberOrg: j, selectedMembership: z, selectedOwner: H, selectedSpecialGroup: J, specialGroupOptions: K, store: k, handleRemove: c, handleSelect: n, handleUpsert: o, handleUserFilterChange: W } = U, I = v.isPortal, q = v.user, S = pe(q), B = q?.username ?? "", X = (e) => e === B ? u(t.groupsByUser.me, { username: e }) : e, C = (e, r) => e === "owner" ? r : e === "outsideOrg" && S ? t.owner.someoneElse : e === "inOrg" ? t.owner.inOrg : e === "outsideOrg" ? t.owner.outsideOrg : r, w = l.owner, T = H ?? w?.props?.owner ?? null, x = w?.props?.username ?? B, Y = v.id ?? "", Z = S ? ["owner", "outsideOrg"] : ["owner", "inOrg", "outsideOrg"], P = l.membership, M = z ?? P?.props?.membership ?? null, V = ["org", "collaboration", "anyOrg"], G = l.memberOrg, A = j ?? G?.props?.memberOrg ?? null, ee = G?.props?.orgId ?? "", re = ["myOrg", "anotherOrg"], F = l.specialGroups, Q = J ?? F?.props?.specialGroup ?? null, E = l.access, L = D ?? E?.props?.access ?? null, se = ["public", "org", "private"], f = l.groupsByUser, _ = f?.props?.usernames ?? [], te = f?.props?.selectedUsername ?? N ?? _[0] ?? B, i = $.filter.clear, p = (e, r) => {
     const s = l[e];
     s && (s.props = { ...s.props, expanded: r });
   }, ae = (e) => {
@@ -18,16 +18,16 @@ function ye(U) {
     }
     e.removeAttribute("data-has-before-filters");
   };
-  return me({ slot: y, store: k, title: a`<div class="filters-title"><h2 class="filters-title__heading">${t.filters.title}</h2><slot name=before-filters @slotchange=${(e) => ae(e.currentTarget)}></slot></div>`, children: a`${!!h?.enabled && g({ heading: t.groupsByUser.title, expanded: !!h?.props?.expanded, setExpanded: (e) => p("groupsByUser", e), clearLabel: i, onRemove: () => {
+  return me({ slot: y, store: k, title: a`<div class="filters-title"><h2 class="filters-title__heading">${t.filters.title}</h2><slot name=before-filters @slotchange=${(e) => ae(e.currentTarget)}></slot></div>`, children: a`${!!f?.enabled && g({ heading: t.groupsByUser.title, expanded: !!f?.props?.expanded, setExpanded: (e) => p("groupsByUser", e), clearLabel: i, onRemove: () => {
     n({
       kind: "groupsByUser",
-      value: h?.props?.selectedUsername ?? B
+      value: f?.props?.selectedUsername ?? B
     });
   }, children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
     const r = e.target.selectedItems?.[0]?.dataset.username ?? "";
     n({ kind: "groupsByUser", value: r }), W(r);
   }}>${_.map((e) => a`<calcite-tree-item data-username=${e ?? m} .selected=${e === te}><a class="groups-by-user__label">${X(e)}</a></calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!w?.enabled && g({ heading: t.owner.title, expanded: !!w?.props?.expanded, setExpanded: (e) => p("owner", e), active: b("owner"), clearLabel: i, onRemove: () => c("owner"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const r = "owner", s = $(T, e, r);
+    const r = "owner", s = h(T, e, r);
     if (!s) {
       c(r);
       return;
@@ -43,8 +43,8 @@ function ye(U) {
       owner: s,
       username: x
     }), n({ kind: r, value: s });
-  }}>${Z.filter((e) => !(I || v) || e !== "outsideOrg").map((e) => a`<calcite-tree-item data-owner=${e ?? m} .selected=${T === e}>${C(e, x)}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(G?.enabled && !I) && g({ heading: t.memberOrg.title, expanded: !!G?.props?.expanded, setExpanded: (e) => p("memberOrg", e), active: b("memberOrg"), clearLabel: i, onRemove: () => c("memberOrg"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const r = "memberOrg", s = $(A, e, r);
+  }}>${Z.filter((e) => !(I || O) || e !== "outsideOrg").map((e) => a`<calcite-tree-item data-owner=${e ?? m} .selected=${T === e}>${C(e, x)}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(G?.enabled && !I) && g({ heading: t.memberOrg.title, expanded: !!G?.props?.expanded, setExpanded: (e) => p("memberOrg", e), active: b("memberOrg"), clearLabel: i, onRemove: () => c("memberOrg"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "memberOrg", s = h(A, e, r);
     if (!s) {
       c(r);
       return;
@@ -58,8 +58,8 @@ function ye(U) {
     }), n({ kind: r, value: s });
   }}>${re.map((e) => a`<calcite-tree-item data-member-org=${e ?? m} .selected=${A === e}>${t.memberOrg[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(P?.enabled && // https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/44198
   !I && // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
-  !v) && g({ heading: t.membership.title, expanded: !!P?.props?.expanded, setExpanded: (e) => p("membership", e), active: b("membership"), clearLabel: i, onRemove: () => c("membership"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const r = "membership", s = $(M, e, r);
+  !O) && g({ heading: t.membership.title, expanded: !!P?.props?.expanded, setExpanded: (e) => p("membership", e), active: b("membership"), clearLabel: i, onRemove: () => c("membership"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "membership", s = h(M, e, r);
     if (!s) {
       c(r);
       return;
@@ -68,16 +68,16 @@ function ye(U) {
       id: r,
       label: u(t.membership.label, { label: t.membership[s] }),
       param: "q",
-      value: be(s, v),
+      value: be(s, O),
       membership: s
     }), n({ kind: r, value: s });
   }}>${V.map((e) => a`<calcite-tree-item data-membership=${e ?? m} .selected=${M === e}>${t.membership[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${F?.enabled && g({ heading: t.specialGroups.title, expanded: !!F.props?.expanded, setExpanded: (e) => p("specialGroups", e), active: b("specialGroups"), clearLabel: i, onRemove: () => c("specialGroups"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${async (e) => {
-    const r = "specialGroups", s = $(Q, e, r);
+    const r = "specialGroups", s = h(Q, e, r);
     if (!s) {
       c(r);
       return;
     }
-    const R = await fe(s, f);
+    const R = await fe(s, v);
     o({
       id: "specialGroups",
       label: u(t.specialGroups.label, { label: t.specialGroups[s] }),
@@ -87,7 +87,7 @@ function ye(U) {
     }), n({ kind: "specialGroups", value: s });
   }}>${K.map((e) => a`<calcite-tree-item data-special-groups=${e ?? m} .selected=${Q === e}><span class="special-groups-settings-option">${t.specialGroups[e]}${e === "settings" && a`<span class="special-groups-settings-icon"><calcite-icon id=portal-group-browser-special-groups-settings-info icon=information scale=s text-label=${t.specialGroups.tooltipLabel ?? m}></calcite-icon><calcite-tooltip placement=bottom-end reference-element=portal-group-browser-special-groups-settings-info>${t.specialGroups.tooltip}</calcite-tooltip></span>` || ""}</span></calcite-tree-item>`)}</calcite-tree>` }) || ""}${["modified", "created"].filter((e) => l[e]?.enabled).map((e) => {
     const r = l[e]?.props, s = k.filters[e], R = !!r?.includeNever, le = s?.range ?? r?.range ?? null, ce = s?.start ?? r?.start, ne = s?.end ?? r?.end, oe = r?.serverProperty, ie = r?.expanded;
-    return de({ property: e, filterDateMessages: O.filterDate, clearLabel: i, expanded: ie, setExpanded: (d) => p(e, d), includeNever: R, range: le, start: ce, end: ne, serverProperty: oe, onRemove: () => {
+    return de({ property: e, filterDateMessages: $.filterDate, clearLabel: i, expanded: ie, setExpanded: (d) => p(e, d), includeNever: R, range: le, start: ce, end: ne, serverProperty: oe, onRemove: () => {
       o({
         id: e,
         label: "",
@@ -109,7 +109,7 @@ function ye(U) {
       });
     } });
   })}${!!E?.enabled && g({ heading: t.access.title, expanded: !!E?.props?.expanded, setExpanded: (e) => p("access", e), active: b("access"), clearLabel: i, onRemove: () => c("access"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const r = "access", s = $(L, e, r);
+    const r = "access", s = h(L, e, r);
     if (!s) {
       c(r);
       return;
@@ -123,8 +123,8 @@ function ye(U) {
     }), n({ kind: r, value: s });
   }}>${se.map((e) => a`<calcite-tree-item data-access=${e ?? m} .selected=${L === e}>${t.access[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}` });
 }
-const $ = (U, O, y) => {
-  const l = O.target.selectedItems?.[0]?.dataset[y];
+const h = (U, $, y) => {
+  const l = $.target.selectedItems?.[0]?.dataset[y];
   return U === l ? null : l ?? null;
 };
 export {

package/dist/components/portal-related-items-list-item/customElement.js

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { html as i } from "lit";
-import { formatDate as u } from "@arcgis/core/intl.js";
-import { nothing as y } from "@arcgis/lumina";
-import { g as b } from "../../chunks/user2.js";
-import { g as I } from "../../chunks/url.js";
-function D({ item: e, portal: c, user: t, lang: m, modifiedLabel: o, showAccessInfo: d = !0, access: s = { level: e.access }, relatedItemsCount: _ = 0, relatedItemsCountTitle: a, onRelatedItemsClick: $ }) {
-  const n = "inRecycleBin" in e && e.inRecycleBin === !0, l = c && !n ? `${I({ portal: c })}/item.html?id=${e.id}` : void 0, r = e.title ?? "", p = u(e.modified ?? void 0, { dateStyle: "medium" }), g = o ? o.replace("${date}", p ?? "") : p ?? "", v = {
+import { formatDate as y } from "@arcgis/core/intl.js";
+import { nothing as b } from "@arcgis/lumina";
+import { g as I } from "../../chunks/user2.js";
+import { g as B } from "../../chunks/url.js";
+function S({ item: e, owner: n, portal: c, user: o, lang: d, modifiedLabel: l, showAccessInfo: _ = !0, access: t = { level: e.access }, relatedItemsCount: $ = 0, relatedItemsCountTitle: s, onRelatedItemsClick: g }) {
+  const a = "inRecycleBin" in e && e.inRecycleBin === !0, r = c && !a ? `${B({ portal: c })}/item.html?id=${e.id}` : void 0, p = e.title ?? "", m = y(e.modified ?? void 0, { dateStyle: "medium" }), v = l ? l.replace("${date}", m ?? "") : m ?? "", h = {
     public: "globe",
     private: "user",
     org: "organization",
     shared: "user"
-  }[s.level], h = !!s.groupIds?.length || s.level === "shared";
-  return i`<calcite-list-item .label=${r} @calciteListItemSelect=${() => {
-    l && window.open(l, "_blank", "noopener,noreferrer");
-  }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${c} .user=${t} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${r}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${t} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${b(t, m) ?? e.owner}</span>|<span class="item__details-modified">${g}</span></div></div></div><div slot=content-end class="item__content-end">${n && i`<calcite-icon class="item__status-icon" icon=recycle-bin scale=s></calcite-icon>` || ""}${_ > 0 && i`<calcite-chip .label=${a} title=${a ?? y} icon=launch @click=${(f) => {
-    f.stopPropagation(), $?.();
-  }}>${a}</calcite-chip>` || ""}${d && !n && i`<span class="item__access"><calcite-icon .icon=${v} scale=s class="item__access-icon"></calcite-icon>${h && i`<calcite-icon icon=plus scale=s></calcite-icon><calcite-icon icon=group scale=s class="item__access-icon"></calcite-icon>` || ""}</span>` || ""}</div></calcite-list-item>`;
+  }[t.level], f = !!t.groupIds?.length || t.level === "shared";
+  return i`<calcite-list-item .label=${p} @calciteListItemSelect=${() => {
+    r && window.open(r, "_blank", "noopener,noreferrer");
+  }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${c} .user=${o} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${p}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${o} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${n ? I(n, d) : e.owner}</span>|<span class="item__details-modified">${v}</span></div></div></div><div slot=content-end class="item__content-end">${a && i`<calcite-icon class="item__status-icon" icon=recycle-bin scale=s></calcite-icon>` || ""}${$ > 0 && i`<calcite-chip .label=${s} title=${s ?? b} icon=launch @click=${(u) => {
+    u.stopPropagation(), g?.();
+  }}>${s}</calcite-chip>` || ""}${_ && !a && i`<span class="item__access"><calcite-icon .icon=${h} scale=s class="item__access-icon"></calcite-icon>${f && i`<calcite-icon icon=plus scale=s></calcite-icon><calcite-icon icon=group scale=s class="item__access-icon"></calcite-icon>` || ""}</span>` || ""}</div></calcite-list-item>`;
 }
 export {
-  D as RelatedItemsListItem
+  S as RelatedItemsListItem
 };