@arcgis/portal-components 6.0.0-next.2 → 6.0.0-next.21

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

@@ -7,70 +7,70 @@ import { unsafeHTML as T } from "lit/directives/unsafe-html.js";
 import { u as C } from "../../chunks/useT9n.js";
 import { f } from "../../chunks/user.js";
 import { s as k } from "../../chunks/dom.js";
-import { r as z, g as H } from "../../chunks/string.js";
+import { d as z, g as H } from "../../chunks/string.js";
 import { g as M } from "../../chunks/user2.js";
 import { f as y, r as U } from "../../chunks/request.js";
-import { a as I } from "../../chunks/portal.js";
+import { g as I } from "../../chunks/portal.js";
 import { f as q } from "../../chunks/verified.js";
-const F = L`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`, x = (s) => (
+const F = L`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`, x = (a) => (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  s?.sourceJSON?.contentStatus === "public_authoritative"
+  a?.sourceJSON?.contentStatus === "public_authoritative"
 );
-async function E(s, t, r, o) {
-  if (x(s)) {
-    const e = s.owner || "", a = await q(s, r, t, o);
-    if (!a)
+async function E(a, t, r, o) {
+  if (x(a)) {
+    const e = a.owner || "", s = await q(a, r, t, o);
+    if (!s)
       return await f(e, t, o);
-    const { description: n, name: i, thumbnail: u, url: m } = a;
+    const { description: n, name: i, thumbnail: u, url: m } = s;
     return {
       description: n ? k(n) : "",
       fullName: i,
       username: e,
       thumbnail: u,
-      id: s.portal.id,
+      id: a.portal.id,
       url: m
     };
   }
-  return await f(s.owner || "", t, o);
+  return await f(a.owner || "", t, o);
 }
-async function G(s, t, r) {
+async function G(a, t, r) {
   const o = r ? "https://www.arcgis.com/sharing/rest/" : I(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
   return await y({
     requester: async () => await U({
       url: `${o}community/groups`,
       portal: t,
       params: {
-        q: `(owner:"${s}")`,
+        q: `(owner:"${a}")`,
         num: 100
       },
       options: e
     }),
     key: "userGroups",
-    id: s
+    id: a
   });
 }
-async function S(s, t, r) {
+async function S(a, t, r) {
   const o = r ? "https://www.arcgis.com/sharing/rest/" : I(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
   return await y({
     requester: async () => (await U({
       url: `${o}search`,
       portal: t,
       params: {
-        q: `(owner:"${s}") -typekeywords:"recyclebin"`,
+        q: `(owner:"${a}") -typekeywords:"recyclebin"`,
         num: 1
       },
       options: e
     })).total,
     key: "userItemsTotal",
-    id: s
+    id: a
   });
 }
 function _({
-  baseUrl: s,
+  baseUrl: a,
   user: t,
   type: r
 }) {
-  const o = z(s), e = encodeURIComponent(t.username || "");
+  const o = z(a), e = encodeURIComponent(t.username || "");
   return e ? `${o}/${r}.html?user=${e}` : `${o}/${r}.html`;
 }
 class D extends B {
@@ -99,10 +99,10 @@ class D extends B {
     return this.baseUrl || `${this.portal.url}/home`;
   }
   async init() {
-    const { item: t, username: r, portal: o, fullName: e, messages: a } = this;
-    if (!(!a._lang || !o)) {
+    const { item: t, username: r, portal: o, fullName: e, messages: s } = this;
+    if (!(!s._lang || !o)) {
       if (t) {
-        this.itemUserInfo = await E(t, o, a._lang, this.checkOnline);
+        this.itemUserInfo = await E(t, o, s._lang, this.checkOnline);
         return;
       }
       if (r) {
@@ -112,7 +112,7 @@ class D extends B {
     }
   }
   async fetchItemsAndGroups() {
-    const { user: t, itemUserInfo: r, item: o, portal: e, username: a, checkOnline: n } = this, i = a || t?.username || o?.owner || r?.username;
+    const { user: t, itemUserInfo: r, item: o, portal: e, username: s, checkOnline: n } = this, i = s || t?.username || o?.owner || r?.username;
     if (!(!i || !e)) {
       if (!this.groups) {
         const u = await G(i, e, n);
@@ -131,13 +131,13 @@ class D extends B {
   }
   renderOrgButtons(t) {
     const { messages: r } = this, e = (t.url || this.resolvedBaseUrl).replace(/\/$/u, "");
-    return l`<calcite-button appearance=outline-fill kind=neutral .href=${e} target=_blank @click=${(a) => this.openLink(a, e)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${e}/gallery.html`} target=_blank @click=${(a) => this.openLink(a, `${e}/gallery.html`)}>${r.gallery}</calcite-button>`;
+    return l`<calcite-button appearance=outline-fill kind=neutral .href=${e} target=_blank @click=${(s) => this.openLink(s, e)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${e}/gallery.html`} target=_blank @click=${(s) => this.openLink(s, `${e}/gallery.html`)}>${r.gallery}</calcite-button>`;
   }
   renderUserButtons(t) {
-    const { total: r, groups: o, messages: e } = this, a = t.username || "";
+    const { total: r, groups: o, messages: e } = this, s = t.username || "";
     if (typeof r != "number" || !o)
       return l`<calcite-loader .label=${e.loadingUserInformation} scale=s class="popover__loader"></calcite-loader>`;
-    const i = _({ baseUrl: this.resolvedBaseUrl, user: { username: a }, type: "groups" }), u = _({ baseUrl: this.resolvedBaseUrl, user: { username: a }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(a)}`;
+    const i = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "groups" }), u = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(s)}`;
     return l`${!!o.total && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${i} target=_blank @click=${(p) => {
       this.openLink(p, i), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all groups" });
     }}>${e.groups.replace("${number}", new Intl.NumberFormat(e._lang).format(o.total))}</calcite-button>` || ""}${!!r && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${u} target=_blank @click=${(p) => {
@@ -147,13 +147,13 @@ class D extends B {
     }}>${e.profile}</calcite-button>`;
   }
   render() {
-    const { user: t, itemUserInfo: r, portal: o, item: e, appearance: a, scale: n, isPopoverOpen: i, showName: u, showUsername: m, messages: p } = this, c = t || r;
+    const { user: t, itemUserInfo: r, portal: o, item: e, appearance: s, scale: n, isPopoverOpen: i, showName: u, showUsername: m, messages: p } = this, c = t || r;
     if (!p._lang || !c)
       return l`<arcgis-portal-user-avatar scale=s show-name .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar>`;
     const v = x(e), d = c.username || "", h = H(c.description || "") || "", P = M(c, p._lang), O = v ? p.itemManagedBy.replace("${username}", d) : d;
     return l`<button class=${b({
       button: !0,
-      "button--outline": a === "outline"
+      "button--outline": s === "outline"
     })} @click=${() => {
       this.isPopoverOpen || (this.isPopoverOpen = !0), this.fetchItemsAndGroups();
     }} ${w(this.buttonRef)}><slot><arcgis-portal-user-avatar .user=${c} .scale=${n} .portal=${o} .showName=${u} .description=${m ? d : ""} .hideAvatar=${!this.showAvatar} .underline=${this.underline} .checkOnline=${this.checkOnline} .wrap=${this.wrap}></arcgis-portal-user-avatar></slot></button>${i && this.buttonRef.value && c && l`<calcite-popover class="popover" .label=${P} pointer-disabled .referenceElement=${this.buttonRef.value} placement=auto .id=${`${d}-popover`} auto-close style=${N({ "--calcite-popover-z-index": this.zIndex?.toString() || "12" })} @calcitePopoverOpen=${() => {

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,20 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { html as s } from "lit";
-import { nothing as $ } from "@arcgis/lumina";
-import { g as d } from "../../chunks/user2.js";
-function b({ item: t, portal: c, user: e, lang: o, showAccessInfo: l = !0, relatedItemsCount: r = 0, relatedItemsCountTitle: i, onRelatedItemsClick: p }) {
-  const a = t.itemPageUrl ?? void 0, n = t.title ?? "", m = {
+import { html as i } from "lit";
+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: "lock",
+    private: "user",
     org: "organization",
-    shared: "group"
-  }[t.access];
-  return s`<calcite-list-item .label=${n} @calciteListItemSelect=${() => {
-    a && window.open(a, "_blank", "noopener,noreferrer");
-  }}><span slot=content-start><arcgis-portal-item-type .item=${t} .portal=${c} .user=${e} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${n}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${t} .user=${e} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${d(e, o) ?? t.owner}</span></div></div></div><div slot=content-end class="item__content-end">${r > 0 && s`<calcite-chip .label=${i} title=${i ?? $} icon=launch @click=${(_) => {
-    _.stopPropagation(), p?.();
-  }}>${i}</calcite-chip>` || ""}${l && s`<span class="item__access"><calcite-icon .icon=${m} scale=s class="item__access-icon"></calcite-icon></span>` || ""}</div></calcite-list-item>`;
+    shared: "user"
+  }[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 {
-  b as RelatedItemsListItem
+  S as RelatedItemsListItem
 };

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

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