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

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

@@ -1,86 +1,76 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as E } from "../../chunks/runtime.js";
-import { css as q, html as u } from "lit";
-import { keyed as D } from "lit/directives/keyed.js";
+import { css as L, html as u } from "lit";
+import { keyed as q } from "lit/directives/keyed.js";
 import { substitute as f } from "@arcgis/core/intl.js";
-import { LitElement as L, createEvent as g, nothing as U, safeClassMap as Q } from "@arcgis/lumina";
+import { LitElement as D, createEvent as g, nothing as U, safeClassMap as Q } from "@arcgis/lumina";
 import { u as R } from "../../chunks/useT9n.js";
 import { a as $, i as w } from "../../chunks/functionalities.js";
-import { a as z, b as T } from "../../chunks/string.js";
-import { i as H } from "../../chunks/users.js";
+import { b as z, a as H, r as T } from "../../chunks/string.js";
+import { i as V } from "../../chunks/users.js";
 import "../arcgis-portal-browser-search/customElement.js";
 import "../arcgis-portal-browser-top-bar/customElement.js";
-import { c as N, a as V } from "../../chunks/portal-browser.js";
+import { c as N, a as j } from "../../chunks/portal-browser.js";
 import "../arcgis-portal-group-card/customElement.js";
 import "../arcgis-portal-group-browser-card/customElement.js";
 import "../arcgis-portal-group-browser-preview/customElement.js";
-import { c as j } from "../../chunks/store.js";
-import { i as K, g as J, b as X, a as Y, c as Z, d as ee } from "../../chunks/query.js";
-import re from "@arcgis/core/portal/PortalGroup.js";
-import { r as se } from "../../chunks/request.js";
-import { a as te } from "../../chunks/portal.js";
-import { g as b, a as v, d as x, w as ie } from "../../chunks/portal-browser-filter-date.js";
+import { c as K } from "../../chunks/store.js";
+import { i as J, g as X, b as Y, a as Z, c as ee, d as re } from "../../chunks/query.js";
+import { s as se } from "../../chunks/groups2.js";
+import { g as b, a as v, d as x, w as te } from "../../chunks/portal-browser-filter-date.js";
 import { b as O } from "../../chunks/ui.js";
-import { watch as oe } from "@arcgis/core/core/reactiveUtils.js";
-import { PortalGroupBrowserSort as ae } from "../portal-group-browser-sort/customElement.js";
-import { PortalGroupBrowserPagination as ne } from "../portal-group-browser-pagination/customElement.js";
-import { PortalGroupBrowserFilters as le } from "../portal-group-browser-filters/customElement.js";
+import { watch as ie } from "@arcgis/core/core/reactiveUtils.js";
+import { PortalGroupBrowserSort as oe } from "../portal-group-browser-sort/customElement.js";
+import { PortalGroupBrowserPagination as ae } from "../portal-group-browser-pagination/customElement.js";
+import { PortalGroupBrowserFilters as ne } from "../portal-group-browser-filters/customElement.js";
 const M = {
   select: "arcgisGroupCardSelect",
   preview: "arcgisGroupBrowserCardPreview"
-}, ce = q`:host{position:relative;background-color:var(--calcite-color-background);display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;--portal-group-browser-max-width: var(--group-browser-max-width, 100%);--portal-group-browser-pane-width: 18.75rem;--portal-group-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-group-browser}arcgis-portal-browser{--arcgis-browser-max-width: var(--portal-group-browser-max-width);--arcgis-browser-pane-width: var(--portal-group-browser-pane-width);--arcgis-browser-pane-z-index: var(--portal-group-browser-pane-z-index)}.filters-title__heading{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.2;margin:0;padding:1rem .5rem}.filters-title:has(>slot[name=before-filters][data-has-before-filters=true]) .filters-title__heading{border-bottom:1px solid var(--calcite-color-border-2)}.filters-shell{display:block}.filters-shell__top{padding:0}.filters-shell__top--padded{padding:0 1rem 1rem}.filter__accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.filter__actions-slot{display:flex;align-self:center;align-items:center;line-height:0}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{line-height:1;margin-inline:.25rem}.custom-date-picker{margin-block:.5rem;margin-inline-start:1.75rem;width:12.75rem}.groups-by-user__label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.special-groups-settings-option{display:inline-flex;align-items:center;gap:.25rem}.special-groups-settings-icon{display:inline-flex;align-items:center}.group-browser__results{display:grid;gap:.5rem}.group-browser__results--compact{gap:0}.group-browser__result-card{margin:0}@container portal-group-browser (max-width: 640px){arcgis-portal-browser{--portal-group-browser-pane-width: 100%}}.empty-text-slot{width:100%;height:100%;display:flex;justify-content:center}.empty-text-slot__default{@apply max-w-lg mx-auto px-6 pb-16;max-width:32rem;margin-inline:auto;padding-inline:1.5rem;padding-bottom:4rem;margin-top:min(8rem,30vh)}`;
-async function he(t, e) {
-  const r = `${te(t)}community/groups`, s = me(e), i = ue(e), n = !!e.searchUser?.trim();
-  if (!s.trim() && !n)
+}, le = L`:host{position:relative;background-color:var(--calcite-color-background);display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;--portal-group-browser-max-width: var(--group-browser-max-width, 100%);--portal-group-browser-pane-width: 18.75rem;--portal-group-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-group-browser}arcgis-portal-browser{--arcgis-browser-max-width: var(--portal-group-browser-max-width);--arcgis-browser-pane-width: var(--portal-group-browser-pane-width);--arcgis-browser-pane-z-index: var(--portal-group-browser-pane-z-index)}.filters-title__heading{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.2;margin:0;padding:1rem .5rem}.filters-title:has(>slot[name=before-filters][data-has-before-filters=true]) .filters-title__heading{border-bottom:1px solid var(--calcite-color-border-2)}.filters-shell{display:block}.filters-shell__top{padding:0}.filters-shell__top--padded{padding:0 1rem 1rem}.filter__accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.filter__actions-slot{display:flex;align-self:center;align-items:center;line-height:0}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{line-height:1;margin-inline:.25rem}.custom-date-picker{margin-block:.5rem;margin-inline-start:1.75rem;width:12.75rem}.groups-by-user__label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.special-groups-settings-option{display:inline-flex;align-items:center;gap:.25rem}.special-groups-settings-icon{display:inline-flex;align-items:center}.group-browser__results{display:grid;gap:.5rem}.group-browser__results--compact{gap:0}.group-browser__result-card{margin:0}@container portal-group-browser (max-width: 640px){arcgis-portal-browser{--portal-group-browser-pane-width: 100%}}.empty-text-slot{width:100%;height:100%;display:flex;justify-content:center}.empty-text-slot__default{@apply max-w-lg mx-auto px-6 pb-16;max-width:32rem;margin-inline:auto;padding-inline:1.5rem;padding-bottom:4rem;margin-top:min(8rem,30vh)}`;
+async function ce(t, e) {
+  const r = pe(e), s = me(e), i = !!e.searchUser?.trim();
+  if (!r.trim() && !i)
     return {
       nextStart: -1,
       num: 0,
-      q: s,
-      queryParams: { ...i, q: s },
+      q: r,
+      queryParams: { ...s, q: r },
       results: [],
       start: 0,
       total: 0
     };
-  const a = { ...i, q: s }, o = await se({
-    url: r,
-    portal: t,
-    params: a
-  }), c = o.results.map((l) => {
-    const p = re.fromJSON(l);
-    return p.portal = t, p;
-  });
+  const n = { ...s, q: r };
   return {
-    ...o,
-    q: s,
-    queryParams: a,
-    results: c
+    ...await se(t, n),
+    q: r,
+    queryParams: n
   };
 }
-const de = ["created", "modified", "owner", "title"];
-function pe(t) {
-  return !!t && de.includes(t);
+const he = ["created", "modified", "owner", "title"];
+function de(t) {
+  return !!t && he.includes(t);
 }
-function me(t) {
+function pe(t) {
   const e = [], r = t.baseQuery?.trim();
-  r && e.push(`(${r})`);
+  r && e.push(r);
   const s = t.searchTerm?.trim();
-  s && e.push(`(${z(s)})`);
+  s && e.push(z(s));
   for (const i of Object.values(t.filters ?? {}))
-    typeof i.value == "string" && i.value.trim() && e.push(`(${i.value.trim()})`), typeof i.additionalParams == "string" && i.additionalParams.trim() && e.push(`(${i.additionalParams.trim()})`);
-  return e.join(" AND ");
+    typeof i.value == "string" && i.value.trim() && e.push(i.value), typeof i.additionalParams == "string" && i.additionalParams.trim() && e.push(i.additionalParams);
+  return H(...e);
 }
-function ue(t) {
+function me(t) {
   return {
     num: t.num,
     start: t.start,
     ...t.searchUser ? { searchUserAccess: "groupMember", searchUserName: t.searchUser } : {},
-    ...t.sortField === "relevance" || !pe(t.sortField) ? {} : {
+    ...t.sortField === "relevance" || !de(t.sortField) ? {} : {
       sortField: t.sortField,
       sortOrder: t.sortOrder
     }
   };
 }
-function ge(t, e, r) {
+function ue(t, e, r) {
   switch (t) {
     case "yesterday": {
       const s = b();
@@ -89,7 +79,7 @@ function ge(t, e, r) {
     case "today":
       return [b(), v()];
     case "last7":
-      return [b() - ie, v()];
+      return [b() - te, v()];
     case "last30":
       return [b() - x * 30, v()];
     case "never":
@@ -100,7 +90,7 @@ function ge(t, e, r) {
       return $(t);
   }
 }
-const we = ["created", "modified", "owner", "relevance", "title"], fe = ["asc", "desc"], be = ["custom", "last7", "last30", "never", "today", "yesterday"], ve = ["inOrg", "outsideOrg", "owner"], ye = ["anyOrg", "collaboration", "org"], Fe = ["anotherOrg", "myOrg"], Ge = ["admin", "distributed", "openData", "settings", "sharedUpdate"], Se = ["org", "private", "public"], Oe = [
+const ge = ["created", "modified", "owner", "relevance", "title"], we = ["asc", "desc"], fe = ["custom", "last7", "last30", "never", "today", "yesterday"], be = ["inOrg", "outsideOrg", "owner"], ve = ["anyOrg", "collaboration", "org"], ye = ["anotherOrg", "myOrg"], Fe = ["admin", "distributed", "openData", "settings", "sharedUpdate"], Ge = ["org", "private", "public"], Se = [
   "access",
   "created",
   "created_from",
@@ -127,7 +117,7 @@ function y(t) {
 }
 function k(t, e) {
   const r = t.get(e);
-  if (!w(be, r))
+  if (!w(fe, r))
     return;
   if (r !== "custom")
     return { range: r };
@@ -142,28 +132,28 @@ function I(t) {
   const e = t.get("searchTerm")?.trim() || t.get("q")?.trim() || void 0, r = t.get("sortField"), s = t.get("sortOrder"), i = y(t.get("start")), n = y(t.get("num")), a = t.get("access"), o = t.get("memberorgids"), c = t.get("membershipaccess"), l = t.get("owner"), p = t.get("specialGroups"), h = k(t, "created"), m = k(t, "modified");
   return {
     ...e ? { searchTerm: e } : {},
-    ...w(we, r) ? { sortField: r } : {},
-    ...w(fe, s) ? { sortOrder: s } : {},
+    ...w(ge, r) ? { sortField: r } : {},
+    ...w(we, s) ? { sortOrder: s } : {},
     ...i ? { start: i } : {},
     ...n ? { num: n } : {},
     filters: {
-      ...w(Se, a) ? { access: a } : {},
+      ...w(Ge, a) ? { access: a } : {},
       ...h ? { created: h } : {},
-      ...w(Fe, o) ? { memberOrg: o } : {},
-      ...w(ye, c) ? { membership: c } : {},
+      ...w(ye, o) ? { memberOrg: o } : {},
+      ...w(ve, c) ? { membership: c } : {},
       ...m ? { modified: m } : {},
-      ...w(ve, l) ? { owner: l } : {},
-      ...w(Ge, p) ? { specialGroups: p } : {}
+      ...w(be, l) ? { owner: l } : {},
+      ...w(Fe, p) ? { specialGroups: p } : {}
     }
   };
 }
 function B(t) {
-  const e = I(t), { filters: r, num: s, sortField: i, sortOrder: n, start: a } = e, { access: o, created: c, memberOrg: l, membership: p, modified: h, owner: m, specialGroups: P } = r, d = {}, C = t.get("searchTerm")?.trim() || void 0, _ = t.get("q")?.trim() || void 0;
-  return C && (d.searchTerm = C), _ && (d.q = _), i && (d.sortField = i), n && (d.sortOrder = n), a && (d.start = a), s && (d.num = s), o && (d.access = o), m && (d.owner = m), p && (d.membershipAccess = p), l && (d.memberOrgIds = l), P && (d.specialGroups = P), c?.range && (d.created = c.range), c?.start && (d.createdFrom = c.start.getTime()), c?.end && (d.createdTo = c.end.getTime()), h?.range && (d.modified = h.range), h?.start && (d.modifiedFrom = h.start.getTime()), h?.end && (d.modifiedTo = h.end.getTime()), d;
+  const e = I(t), { filters: r, num: s, sortField: i, sortOrder: n, start: a } = e, { access: o, created: c, memberOrg: l, membership: p, modified: h, owner: m, specialGroups: C } = r, d = {}, P = t.get("searchTerm")?.trim() || void 0, _ = t.get("q")?.trim() || void 0;
+  return P && (d.searchTerm = P), _ && (d.q = _), i && (d.sortField = i), n && (d.sortOrder = n), a && (d.start = a), s && (d.num = s), o && (d.access = o), m && (d.owner = m), p && (d.membershipAccess = p), l && (d.memberOrgIds = l), C && (d.specialGroups = C), c?.range && (d.created = c.range), c?.start && (d.createdFrom = c.start.getTime()), c?.end && (d.createdTo = c.end.getTime()), h?.range && (d.modified = h.range), h?.start && (d.modifiedFrom = h.start.getTime()), h?.end && (d.modifiedTo = h.end.getTime()), d;
 }
-function Be(t) {
+function Oe(t) {
   const e = new URLSearchParams(t.currentSearchParams);
-  return Oe.forEach((r) => {
+  return Se.forEach((r) => {
     e.delete(r);
   }), t.searchTerm?.trim() && e.set("searchTerm", t.searchTerm.trim()), t.sortField && e.set("sortField", t.sortField), t.sortOrder && e.set("sortOrder", t.sortOrder), Object.values(t.filters ?? {}).forEach((r) => {
     if (r)
@@ -178,7 +168,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);
@@ -207,10 +197,10 @@ function F(t, e = "desc") {
       return e;
   }
 }
-function $e(t) {
+function Be(t) {
   return !t || !(t instanceof HTMLElement) ? null : t;
 }
-async function Pe(t) {
+async function $e(t) {
   if (t) {
     if (t.restoreFocus) {
       await t.restoreFocus();
@@ -226,21 +216,21 @@ async function Pe(t) {
 function Ce(t) {
   let e = null;
   const r = async (i = {}) => {
-    t.onClose(), i.restoreFocus && await Pe(e);
+    t.onClose(), i.restoreFocus && await $e(e);
   };
   return { handlePreview: (i, n) => {
     if (!i?.id) {
       r();
       return;
     }
-    e = $e(n), t.onOpen({ preview: i });
+    e = Be(n), t.onOpen({ preview: i });
   }, closePreview: r };
 }
-function _e(t) {
+function Pe(t) {
   let e, r, s;
   const i = () => {
     e?.();
-    const l = oe(
+    const l = ie(
       () => t.getStore().width,
       () => {
         n();
@@ -287,7 +277,7 @@ function _e(t) {
     updateResponsiveLayout: n
   };
 }
-function Ue(t) {
+function _e(t) {
   let e = !1;
   const r = () => !!t.getSearchParamInteraction()?.read, s = () => !!t.getSearchParamInteraction()?.write;
   return { hydrateFromLocation: async () => {
@@ -333,9 +323,9 @@ const G = ["title", "relevance", "modified"], S = {
   "admin",
   "settings"
 ];
-class Re extends L {
+class Ue extends D {
   constructor() {
-    super(), this._messages = R({ name: "portal-group-browser", blocking: !0 }), this._browserMessages = R({ name: "portal-browser", blocking: !0 }), this.responsiveLayoutController = _e({
+    super(), this._messages = R({ name: "portal-group-browser", blocking: !0 }), this._browserMessages = R({ name: "portal-browser", blocking: !0 }), this.responsiveLayoutController = Pe({
       el: this.el,
       getStore: () => this.store,
       getViewportWidth: () => this.viewportWidth,
@@ -357,7 +347,7 @@ class Re extends L {
       onClose: () => {
         this.store.preview = null, this.arcgisGroupBrowserPreview.emit(null), this.arcgisGroupBrowserSublayerPreview.emit(null);
       }
-    }), this.browserResponse = this.getBrowserResponseFromQueryResponse(S), this.previewGroupsById = /* @__PURE__ */ new Map(), this.searchParamController = Ue({
+    }), this.browserResponse = this.getBrowserResponseFromQueryResponse(S), this.previewGroupsById = /* @__PURE__ */ new Map(), this.searchParamController = _e({
       applySearchParams: async (e) => {
         await this.applySearchParams(e);
       },
@@ -374,7 +364,7 @@ class Re extends L {
       this.handleGroupCardSelect(e);
     }, this.onDelegatedGroupCardPreview = (e) => {
       this.handleGroupCardPreview(e);
-    }, this.selectedOwner = null, this.selectedMembership = null, this.selectedMemberOrg = null, this.selectedSpecialGroup = null, this.selectedAccess = null, this.selectedGroups = [], this.queryResponse = S, this.specialGroupOptions = A, this.responsiveFormFactor = "large", this.viewportWidth = typeof window > "u" ? O.lg : window.innerWidth, this.hostWidth = 0, this.store = j({
+    }, this.selectedOwner = null, this.selectedMembership = null, this.selectedMemberOrg = null, this.selectedSpecialGroup = null, this.selectedAccess = null, this.selectedGroups = [], this.queryResponse = S, this.specialGroupOptions = A, this.responsiveFormFactor = "large", this.viewportWidth = typeof window > "u" ? O.lg : window.innerWidth, this.hostWidth = 0, this.store = K({
       type: "group-browser",
       width: window?.innerWidth ?? O.lg,
       hiddenFilters: [],
@@ -398,7 +388,7 @@ class Re extends L {
     this.properties = { selectedGroupsByUser: 16, selectedOwner: 16, selectedMembership: 16, selectedMemberOrg: 16, selectedSpecialGroup: 16, selectedAccess: 16, selectedGroups: 16, queryResponse: 16, specialGroupOptions: 16, sortField: 16, sortOrder: 16, responsiveFormFactor: 16, viewportWidth: 16, hostWidth: 16, store: 0, filters: 0, loading: 5, formFactor: 1, height: 3, searchTerm: 1, messageOverrides: 0, hideTopBar: 5, selected: 0, view: 1, cards: 0, preview: 1, q: 1, portal: 0, num: 9, sort: 0, fetch: 0, preflight: 0, searchUser: 1, searchParamInteraction: 0, selection: 1, alwaysShowSelection: 5, hidePreviewFooter: 5, hidePreviewBadges: 5, hasIndoorsSpaces: 5 };
   }
   static {
-    this.styles = ce;
+    this.styles = le;
   }
   get currentUsername() {
     return this.portal.user?.username ?? "";
@@ -424,7 +414,7 @@ class Re extends L {
   updated(e) {
     e.has("view") && (this.store.view = this.view), e.has("store") && (this.view !== void 0 && (this.store.view = this.view), this.responsiveLayoutController.refreshStoreWatcher(), this.responsiveLayoutController.updateResponsiveLayout(), this.syncFiltersEmptyFromConfig()), e.has("filters") && this.syncFiltersEmptyFromConfig(), e.has("selected") && (this.selectedGroups = this.selected || []);
     const r = e.get("num");
-    r !== void 0 && r !== this.num && this.fetchGroups(), (e.has("portal") || e.has("hasIndoorsSpaces")) && this.updateSpecialGroupOptions(), e.has("sort") && this.syncSortFromConfig();
+    r !== void 0 && r !== this.num && this.fetchGroups(), (e.has("portal") || e.has("hasIndoorsSpaces") || e.has("filters")) && this.updateSpecialGroupOptions(), e.has("sort") && this.syncSortFromConfig();
   }
   disconnectedCallback() {
     this.responsiveLayoutController.disconnect(), window.removeEventListener("resize", this.responsiveLayoutController.handleWindowResize), super.disconnectedCallback();
@@ -461,7 +451,7 @@ class Re extends L {
     this.selectedGroupsByUser = this.filters.groupsByUser?.props?.selectedUsername ?? this.currentUsername, this.selectedOwner = null, this.selectedMembership = null, this.selectedMemberOrg = null, this.selectedSpecialGroup = null, this.selectedAccess = null;
   }
   getSearchParamsSnapshot(e, r) {
-    return Be({
+    return Oe({
       currentSearchParams: typeof window > "u" ? void 0 : new URLSearchParams(window.location.search),
       filters: this.store.filters,
       searchTerm: r,
@@ -499,13 +489,13 @@ class Re extends L {
     this.sortField = i, this.sortOrder = e.props?.order ?? F(i, this.sortOrder);
   }
   async updateSpecialGroupOptions(e = !0) {
-    if (!this.portal) {
+    if (!this.portal || !this.filters.specialGroups?.enabled) {
       this.specialGroupOptions = [];
       return;
     }
     let r = "";
     try {
-      r = await K(this.portal);
+      r = await J(this.portal);
     } catch {
       r = "";
     }
@@ -532,7 +522,7 @@ class Re extends L {
   async applyFilterSearchParams(e) {
     const r = { ...this.store.filters };
     let s = !1;
-    const i = H(this.portal.user);
+    const i = V(this.portal.user);
     if (e.owner && this.filters.owner?.enabled && !this.filters.owner.props?.owner) {
       const o = this.filters.owner.props?.username ?? this.currentUsername;
       r.owner = {
@@ -541,37 +531,41 @@ class Re extends L {
           label: this.getOwnerOptionLabel(e.owner, o, i)
         }),
         param: "q",
-        value: J(e.owner, o, { isPublicUser: i, orgId: this.portal.id ?? "" }),
+        value: X(e.owner, o, { isPublicUser: i, orgId: this.portal.id ?? "" }),
         owner: e.owner,
         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),
+      value: Y(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: Z(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]
       }),
       param: "q",
-      value: await Z(e.specialGroups, this.portal),
+      value: await ee(e.specialGroups, this.portal),
       specialGroup: e.specialGroups
     }, this.selectedSpecialGroup = e.specialGroups, s = !0), e.access && this.filters.access?.enabled && !this.filters.access.props?.access && (r.access = {
       id: "access",
       label: f(this._messages.access.label, { label: this._messages.access[e.access] }),
       param: "q",
-      value: ee(e.access),
+      value: re(e.access),
       access: e.access
     }, this.selectedAccess = e.access, s = !0);
     const n = this.getDateFilterDetailFromSearchParams("created", e.created);
@@ -583,7 +577,7 @@ class Re extends L {
     const s = this.filters[e];
     if (!s?.enabled || s.props?.range || s.props?.start || s.props?.end || !r?.range)
       return;
-    const i = ge(r.range, r.start, r.end);
+    const i = ue(r.range, r.start, r.end);
     if (!i)
       return;
     const n = this._browserMessages.filterDate[r.range], [a, o] = i;
@@ -616,7 +610,7 @@ class Re extends L {
     }, this.resetSelectionByFilterId(e), this.publishFilterStateChange(), this.fetchGroups());
   }
   clearFiltersInternal() {
-    this.store.filters = V(this.store.filters, {
+    this.store.filters = j(this.store.filters, {
       hiddenFilterIds: this.store.hiddenFilters
     }), this.resetAllFilterSelections(), this.publishFilterStateChange(), this.fetchGroups();
   }
@@ -704,7 +698,7 @@ class Re extends L {
     }), this.writeSearchParams(i);
   }
   async queryGroups(e) {
-    return await (this.fetch?.(e) ?? he(this.portal, e));
+    return await (this.fetch?.(e) ?? ce(this.portal, e));
   }
   async fetchAndEmit(e, r) {
     this.preflight && (e = await this.preflight(e));
@@ -771,24 +765,24 @@ class Re extends L {
     }), n = i.length > 0 && s === "compact";
     return u`<div slot=content class=${Q({ "group-browser__results": !0, "group-browser__results--compact": n })} .part=${"results"}>${r ? u`<slot name=group-cards></slot>` : u`<slot name=group-cards>${i.map(({ group: a, cardProps: o }) => {
       const c = a.id;
-      return D(c, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${a} .user=${o.user} .indeterminate=${o.indeterminate} .view=${s} .selection=${this.selection} .selected=${e.has(c)} .preview=${o.preview ?? this.preview} .previewed=${o.previewed ?? this.store.preview === c} .name=${o.name} .showSummary=${o.showSummary ?? !0} .hideBadges=${o.hideBadges ?? !1} .hideDateUpdated=${o.hideDateUpdated ?? !1} .showDateCreated=${o.showDateCreated ?? !1} .hideViewableBy=${o.hideViewableBy ?? !1} .hideOwner=${o.hideOwner ?? !1} .link=${o.link} .linkHandler=${o.linkHandler} .newTab=${o.newTab ?? !1} .disabled=${o.disabled ?? !1}></arcgis-portal-group-card>`);
+      return q(c, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${a} .user=${o.user} .indeterminate=${o.indeterminate} .view=${s} .selection=${this.selection} .selected=${e.has(c)} .preview=${o.preview ?? this.preview} .previewed=${o.previewed ?? this.store.preview === c} .name=${o.name} .showSummary=${o.showSummary ?? !0} .hideBadges=${o.hideBadges ?? !1} .hideDateUpdated=${o.hideDateUpdated ?? !1} .showDateCreated=${o.showDateCreated ?? !1} .hideViewableBy=${o.hideViewableBy ?? !1} .hideOwner=${o.hideOwner ?? !1} .link=${o.link} .linkHandler=${o.linkHandler} .newTab=${o.newTab ?? !1} .disabled=${o.disabled ?? !1}></arcgis-portal-group-card>`);
     })}</slot>`}</div>`;
   }
   render() {
     const e = this.responsiveFormFactor === "small" ? "small" : this.formFactor, r = this.previewGroupsById.get(this.store.preview ?? "");
     return u`<arcgis-portal-browser .store=${this.store} .response=${this.browserResponse} .loading=${this.loading} .formFactor=${e} .height=${this.height} .searchTerm=${this.searchTerm} .rangeFormatter=${this.formatRange} .selected=${this.selectedGroups} .alwaysShowSelection=${this.alwaysShowSelection} @arcgisBrowserFilterClear=${this.handleBrowserFilterClear} @arcgisBrowserFilterRemove=${this.handleBrowserFilterRemove} @arcgisAriaUpdate=${(s) => {
       this.arcgisAriaUpdate.emit(s.detail);
-    }}>${!this.hideTopBar && u`<slot name=top-bar slot=top-bar>${this.renderTopBar()}</slot>` || ""}<slot name=content-start slot=content-start></slot><slot name=selection slot=selection></slot><slot name=actions slot=actions></slot><slot name=view slot=view></slot>${ae({ slot: "sort", sort: this.sort, formFactor: e, sortField: this.sortField, sortOrder: this.sortOrder, onSortFieldChange: (s) => {
+    }}>${!this.hideTopBar && u`<slot name=top-bar slot=top-bar>${this.renderTopBar()}</slot>` || ""}<slot name=content-start slot=content-start></slot><slot name=selection slot=selection></slot><slot name=actions slot=actions></slot><slot name=view slot=view></slot>${oe({ slot: "sort", sort: this.sort, formFactor: e, sortField: this.sortField, sortOrder: this.sortOrder, onSortFieldChange: (s) => {
       this.handleSortFieldChange(s);
     }, onSortOrderChange: (s) => {
       this.handleSortOrderChange(s);
-    } })}${this.renderDefaultContent()}${ne({ slot: "pagination", store: this.store, total: this.queryResponse.total, start: this.queryResponse?.queryParams?.start ?? 1, num: this.queryResponse?.queryParams?.num ?? this.num, onPage: (s) => {
+    } })}${this.renderDefaultContent()}${ae({ slot: "pagination", store: this.store, total: this.queryResponse.total, start: this.queryResponse?.queryParams?.start ?? 1, num: this.queryResponse?.queryParams?.num ?? this.num, onPage: (s) => {
       this.handlePage(s);
     } })}<slot name=content-end slot=content-end></slot><slot name=preview slot=preview>${r && u`<arcgis-portal-group-browser-preview .group=${r} .portal=${this.portal} .user=${this.portal.user ?? void 0} .hideBadges=${this.hidePreviewBadges} .hidePreviewFooter=${this.hidePreviewFooter} .currentResponse=${this.queryResponse} .previewFooterActionsSpaced=${!this.getPreviewFooterActionsEmpty()} @arcgisGroupBrowserInternalUIAction=${(s) => {
       this.arcgisGroupBrowserInternalUIAction.emit(s.detail);
     }} @arcgisGroupBrowserPreviewClose=${() => {
       this.closePreview({ restoreFocus: !0 });
-    }}><slot name=preview-footer-action slot=footer-action></slot></arcgis-portal-group-browser-preview>` || ""}</slot>${this.renderEmptyTextSlot("no-results", this._messages.content.noResults)}${this.renderEmptyTextSlot("no-content", this._messages.content.noContent)}<slot name=scroll-end slot=scroll-end></slot>${le({ slot: "filters", filters: this.filters, messages: this._messages, browserMessages: this._browserMessages, store: this.store, portal: this.portal, hasIndoorsSpaces: this.hasIndoorsSpaces, selectedGroupsByUser: this.selectedGroupsByUser, selectedOwner: this.selectedOwner, selectedMembership: this.selectedMembership, selectedMemberOrg: this.selectedMemberOrg, selectedSpecialGroup: this.selectedSpecialGroup, specialGroupOptions: this.specialGroupOptions, selectedAccess: this.selectedAccess, isFilterActive: (s) => this.isFilterActive(s), handleSelect: (s) => {
+    }}><slot name=preview-footer-action slot=footer-action></slot></arcgis-portal-group-browser-preview>` || ""}</slot>${this.renderEmptyTextSlot("no-results", this._messages.content.noResults)}${this.renderEmptyTextSlot("no-content", this._messages.content.noContent)}<slot name=scroll-end slot=scroll-end></slot>${ne({ slot: "filters", filters: this.filters, messages: this._messages, browserMessages: this._browserMessages, store: this.store, portal: this.portal, hasIndoorsSpaces: this.hasIndoorsSpaces, selectedGroupsByUser: this.selectedGroupsByUser, selectedOwner: this.selectedOwner, selectedMembership: this.selectedMembership, selectedMemberOrg: this.selectedMemberOrg, selectedSpecialGroup: this.selectedSpecialGroup, specialGroupOptions: this.specialGroupOptions, selectedAccess: this.selectedAccess, isFilterActive: (s) => this.isFilterActive(s), handleSelect: (s) => {
       this.setFilterSelection(s);
     }, handleUserFilterChange: (s) => {
       this.arcgisGroupBrowserUserFilterChange.emit(s);
@@ -799,7 +793,7 @@ class Re extends L {
     } })}</arcgis-portal-browser>`;
   }
 }
-E("arcgis-portal-group-browser", Re);
+E("arcgis-portal-group-browser", Ue);
 export {
-  Re as ArcgisPortalGroupBrowser
+  Ue as ArcgisPortalGroupBrowser
 };

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

@@ -1,4 +1,5 @@
 import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
+import type { PortalGroupSearchParams } from "../../services/groups.js";
 import type { SearchResult } from "../../types/search.js";
 import type { PortalBrowserSortField, PortalBrowserSortOrder } from "../arcgis-portal-browser-sort/utils.js";
 import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
@@ -135,14 +136,8 @@ export interface PortalGroupBrowserSortDetail {
   sortOrder?: PortalBrowserSortOrder;
 }
 
-export interface PortalGroupBrowserQueryParams {
-  num?: number;
-  q?: string;
-  searchUserAccess?: string;
-  searchUserName?: string;
+export interface PortalGroupBrowserQueryParams extends PortalGroupSearchParams {
   sortField?: PortalGroupBrowserQuery["sortField"];
-  sortOrder?: PortalGroupBrowserQuery["sortOrder"];
-  start?: number;
 }
 
 export type PortalGroupBrowserOwner = "inOrg" | "outsideOrg" | "owner";
@@ -174,6 +169,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-group-browser-preview/customElement.js

@@ -8,8 +8,8 @@ import { css as $, html as s } from "lit";
 import { createRef as x, ref as k } from "lit/directives/ref.js";
 import { u as I } from "../../chunks/useT9n.js";
 import { a as G, s as A } from "../../chunks/dom.js";
-import { g as p } from "../../chunks/groups2.js";
-import { g as C } from "../../chunks/url.js";
+import { e as p } from "../../chunks/groups.js";
+import { b as C } from "../../chunks/url.js";
 import { g as T } from "../../chunks/user2.js";
 import { e as P, h as M, f as z } from "../../chunks/query.js";
 import "../arcgis-portal-group-browser-preview-card/customElement.js";

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

@@ -6,7 +6,7 @@ import { css as _, html as r } from "lit";
 import { createRef as p, ref as h } from "lit/directives/ref.js";
 import { g as f } from "../../chunks/items.js";
 import { g } from "../../chunks/itemThumbnail.js";
-import { g as b } from "../../chunks/url.js";
+import { b } from "../../chunks/url.js";
 const y = _`:host{display:block;min-width:0;container-type:inline-size}.preview-card{position:relative;display:flex;width:100%;height:100%;flex-direction:column;color:var(--calcite-color-text-1);opacity:0;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-3);transition:background-color .15s ease-in-out,opacity .15s ease-in-out}.preview-card--loaded{opacity:1}.preview-card--hoverable{cursor:pointer}.preview-card--hoverable .preview-card__upper:hover{background-color:var(--calcite-color-background)}.preview-card__upper{display:flex;align-items:stretch;min-width:0;flex:1 1 auto;padding:.75rem;background-color:var(--calcite-color-foreground-1)}.preview-card__upper--link{color:var(--calcite-color-text-1);text-decoration:none}.preview-card__top{display:flex;align-self:stretch;flex:0 0 auto}.preview-card__thumbnail{box-sizing:border-box;display:grid;place-items:center;width:4rem;height:100%;margin:0;margin-inline-start:.75rem;border-radius:2px;overflow:hidden;background-color:var(--calcite-color-foreground-2)}.preview-card__thumbnail-image{width:100%;height:100%;object-fit:cover}.preview-card__thumbnail--fallback{color:var(--calcite-color-text-3)}.preview-card__content{min-width:0;flex:1 1 auto}.preview-card__body{display:grid;min-width:0;gap:.25rem}.preview-card__title{margin:0;height:2rem;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.preview-card__title--padded{margin-bottom:.125rem}.preview-card__title-span{position:relative}.preview-card__summary{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2);line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis}.preview-card__details{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.preview-card__detail,.preview-card__meta{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--2);margin:0}.preview-card__meta{color:var(--calcite-color-text-2)}.preview-card__status{--calcite-chip-background-color: var(--calcite-color-foreground-2);text-transform:capitalize}.preview-card__divider{align-items:center;display:flex;flex:0 0 auto}.preview-card__divider:before{content:"";height:1rem;width:1px;margin-inline-end:.5rem;background-color:var(--calcite-color-border-2)}.preview-card__details :first-child.preview-card__divider:before{display:none}.preview-card__footer{align-items:center;border-top:1px solid var(--calcite-color-border-2);display:flex;margin-top:auto;min-height:2.25rem;padding:.375rem .75rem}.preview-card__footer-start{align-items:center;display:flex;flex:1 1 auto;min-width:0}.preview-card__owner{min-width:0}@container (max-width: 480px){.preview-card__upper{padding:.625rem}.preview-card__thumbnail{width:3.5rem;margin-inline-start:.5rem}.preview-card__footer{padding:.25rem .625rem}}`;
 class $ extends v {
   constructor() {

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.js";
 import { substitute as h, formatDate as _ } from "@arcgis/core/intl.js";
-import { LitElement as v, createEvent as m, safeClassMap as g, nothing as p } from "@arcgis/lumina";
+import { LitElement as v, createEvent as m, safeClassMap as g, nothing as c } from "@arcgis/lumina";
 import { css as w, html as t } from "lit";
 import { createRef as $, ref as f } from "lit/directives/ref.js";
 import { u as x } from "../../chunks/useT9n.js";
 import { a as y } from "../../chunks/functionalities.js";
-import { g as k } from "../../chunks/groups2.js";
-import { g as C } from "../../chunks/url.js";
+import { e as k } from "../../chunks/groups.js";
+import { b as C } from "../../chunks/url.js";
 const B = w`:host{display:block;min-width:0;container-type:inline-size;container-name:portal-group-card}.group-card{position:relative;display:flex;height:100%;flex-direction:column;color:var(--calcite-color-text-1);opacity:0;box-shadow:none;transition-duration:.15s;outline-color:transparent;background-color:var(--calcite-color-foreground-1);transition-property:background-color,outline,outline-offset,opacity;border:1px solid var(--calcite-color-border-3);&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:-2px}}.group-card--loaded{opacity:1}.group-card--selected{border-color:var(--calcite-color-brand)}.group-card--hoverable{cursor:pointer}.group-card--disabled{opacity:.5}.group-card__top{padding:.75rem}.group-card__upper{flex:1 1 0%;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s}.group-card__upper:hover{background-color:var(--calcite-color-background)}.group-card__upper--compact{display:flex;align-items:flex-start;padding:.5rem .75rem}.group-card__upper--link{color:var(--calcite-color-text-1);text-decoration-line:none;outline-color:transparent;&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.group-card__title__span{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-image:linear-gradient(transparent,transparent);background-position-x:0%,100%;background-position-y:min(1.25em,100%);background-repeat:no-repeat,no-repeat;background-size:100% 1px,100% 1px}.group-card--previewed .group-card__title__span{background-image:linear-gradient(var(--calcite-color-text-3),var(--calcite-color-text-3))}.group-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column}.group-card__details{display:flex;flex-direction:column;margin-top:.25rem;position:relative}.group-card__details .group-card__divider:before{display:none}.group-card__detail{font-size:.75rem;line-height:1.35;color:var(--calcite-color-text-2);margin:.25rem 0}.group-card__detail__icon{margin-inline-end:.5rem}.group-card__footer{margin-top:auto;display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:.25rem .75rem;border-top:1px solid var(--calcite-color-border-3)}.group-card__footer__start{display:flex;min-width:0;flex:1 1 0%;align-items:center;overflow:hidden;margin-inline-end:.75rem}.group-card__footer__end{display:flex}.group-card__profile-wrap{max-width:100%;padding:.25rem}.group-card__divider{display:flex;align-items:center;flex:0 0 auto}.group-card__divider:not([empty]):before{content:"";height:1.25rem;width:1px;background-color:var(--calcite-color-border-1);margin-inline:.75rem;display:none}.group-card-flex{display:flex}.group-card-flex-1{min-width:0;flex:1 1 0%}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.group-card__input{margin-inline-end:1rem;margin-top:.125rem}.group-card__input--compact{height:100%;display:flex;align-items:center}.group-card__title{margin:0;overflow-wrap:break-word;padding:0;font-size:.875rem;font-weight:500;line-height:1.375}.group-card__title--compact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-end:1rem}.group-card__title--padded{margin-bottom:.25rem}.group-card__summary{margin:.25rem 0;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:.875rem;line-height:1.25}.group-card__thumbnail{margin-inline-end:1rem;padding-inline-start:.75rem;width:4.25rem}.group-card__thumbnail--compact{width:2.75rem;height:2.75rem;flex-shrink:0}.group-card__upper--compact .group-card-flex-1{display:flex;justify-content:space-between;align-items:center;gap:.25rem;height:100%}.group-card__badges--compact{margin-top:.125rem;max-width:100%}.group-card__badges{margin-top:.25rem}.group-card__badges-measurement{inset:0;position:absolute;visibility:hidden;pointer-events:none}.group-card__badges--measurement{width:max-content}.group-card__owner{min-width:0}@container portal-group-card (min-width: 321px){.group-card__thumbnail{padding-inline-start:.5rem;width:5rem}}@container portal-group-card (min-width: 641px){.group-card__top{padding:1rem}.group-card__title{font-size:1rem}.group-card__title--padded{margin-bottom:0}.group-card__detail{font-size:.875rem;line-height:normal;margin:0}.group-card__footer{padding:.5rem 1rem}.group-card__thumbnail{padding-inline-start:0;width:auto}}@container portal-group-card (min-width: 769px){.group-card__details{flex-direction:row}.group-card__details .group-card__divider:not([empty])+.group-card__divider:not([empty]):before{display:block}}`;
 class S extends v {
   constructor() {
@@ -67,7 +67,7 @@ class S extends v {
     const d = Array.from(e.children), o = d.indexOf(r);
     if (o < 0)
       return e.clientWidth;
-    const n = Number.parseFloat(i.columnGap || i.gap || "0") || 0, l = d.slice(0, o).reduce((s, u) => s + u.getBoundingClientRect().width, 0);
+    const n = Number.parseFloat(i.columnGap || i.gap || "0") || 0, l = d.slice(0, o).reduce((s, p) => s + p.getBoundingClientRect().width, 0);
     return e.clientWidth - l - n * o;
   }
   getAccessInfo(e) {
@@ -136,19 +136,19 @@ class S extends v {
     }
   }
   renderCompactView() {
-    const { group: e, selection: r, isLoaded: i, disabled: d, link: o, newTab: n, linkHandler: l, handleCardClick: s, selected: u } = this, a = this.getThumbnailGroup(e);
+    const { group: e, selection: r, isLoaded: i, disabled: d, link: o, newTab: n, linkHandler: l, handleCardClick: s, selected: p } = this, a = this.getThumbnailGroup(e);
     return t`<section class=${g({
       "group-card": !0,
       "group-card--hoverable": r !== "none",
-      "group-card--selected": u,
+      "group-card--selected": p,
       "group-card--disabled": d,
       "group-card--loaded": i
     })} tabindex=-1 @click=${o ? void 0 : s} @mouseover=${() => {
       this.hover = !0;
     }} @mouseout=${() => {
       this.hover = !1;
-    }} ${f(this.sectionEl)}>${o ? t`<a class="group-card__upper group-card__upper--compact group-card__upper--link" href=${o ?? p} target=${(n ? "_blank" : void 0) ?? p} rel=${(n ? "noopener noreferrer" : void 0) ?? p} @click=${(c) => {
-      l && !c.ctrlKey && !c.metaKey && (c.preventDefault(), l(this.group));
+    }} ${f(this.sectionEl)}>${o ? t`<a class="group-card__upper group-card__upper--compact group-card__upper--link" href=${o ?? c} target=${(n ? "_blank" : void 0) ?? c} rel=${(n ? "noopener noreferrer" : void 0) ?? c} @click=${(u) => {
+      l && !u.ctrlKey && !u.metaKey && (u.preventDefault(), l(this.group));
     }}>${t`${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${a} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${this.renderCompactBadges(e)}</div><slot name=content-end></slot>`}</a>` : t`<div class="group-card__upper group-card__upper--compact">${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${a} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${this.renderCompactBadges(e)}</div><slot name=content-end></slot></div>`}</section>`;
   }
   render() {
@@ -157,17 +157,17 @@ class S extends v {
       return;
     if (this.view === "compact")
       return this.renderCompactView();
-    const n = this.getAccessInfo(e.access ?? "private"), l = this.getThumbnailGroup(e), s = this.preview === "top" && !o, u = this.previewed;
+    const n = this.getAccessInfo(e.access ?? "private"), l = this.getThumbnailGroup(e), s = this.preview === "top" && !o, p = this.previewed;
     return t`<section class=${g({
       "group-card": !0,
       "group-card--hoverable": r !== "none",
       "group-card--selected": this.selected,
       "group-card--disabled": d,
       "group-card--loaded": i,
-      "group-card--previewed": u
-    })} @click=${o ? void 0 : this.handleCardClick} tabindex=${(s ? 0 : void 0) ?? p} .role=${s ? "button" : void 0} aria-haspopup=${(s ? "dialog" : void 0) ?? p} @keydown=${(a) => {
+      "group-card--previewed": p
+    })} @click=${o ? void 0 : this.handleCardClick} tabindex=${(s ? 0 : void 0) ?? c} .role=${s ? "button" : void 0} aria-haspopup=${(s ? "dialog" : void 0) ?? c} @keydown=${(a) => {
       s && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), this.handleCardClick());
-    }} ${f(this.sectionEl)}><slot name=content-top></slot>${o ? t`<a class="group-card__upper group-card__upper--link" href=${this.link ?? p} target=${(this.newTab ? "_blank" : void 0) ?? p} rel=${(this.newTab ? "noopener noreferrer" : void 0) ?? p} @mouseover=${() => {
+    }} ${f(this.sectionEl)}><slot name=content-top></slot>${o ? t`<a class="group-card__upper group-card__upper--link" href=${this.link ?? c} target=${(this.newTab ? "_blank" : void 0) ?? c} rel=${(this.newTab ? "noopener noreferrer" : void 0) ?? c} @mouseover=${() => {
       this.hover = !0;
     }} @mouseout=${() => {
       this.hover = !1;
@@ -176,17 +176,17 @@ class S extends v {
         a.preventDefault(), this.linkHandler(this.group);
         return;
       }
-      const c = a.target;
-      c instanceof HTMLElement && c.closest(".group-card__footer") && a.preventDefault();
+      const u = a.target;
+      u instanceof HTMLElement && u.closest(".group-card__footer") && a.preventDefault();
     }}>${this.renderListContent(e, l, n)}</a>` : t`<div class="group-card__upper" @mouseover=${() => {
       this.hover = !0;
     }} @mouseout=${() => {
       this.hover = !1;
-    }}>${this.renderListContent(e, l, n)}</div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${!this.hideOwner && t`<div class="group-card__profile-wrap"><arcgis-portal-user-popup .baseUrl=${this.getResolvedBaseUrl()} class="group-card__owner" .portal=${this.portal} .username=${e.owner ?? void 0} underline @arcgisUserPopupInternalUIAction=${({ detail: a, stopPropagation: c }) => {
-      c(), this.arcgisGroupBrowserInternalUIAction.emit(a);
-    }}></arcgis-portal-user-popup></div>` || ""}</div><div class="group-card__footer__end">${this.preview === "action" && t`<calcite-button scale=s .appearance=${u ? "solid" : "outline-fill"} kind=neutral @click=${() => {
+    }}>${this.renderListContent(e, l, n)}</div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${!this.hideOwner && t`<div class="group-card__profile-wrap"><arcgis-portal-user-popup .baseUrl=${this.getResolvedBaseUrl()} class="group-card__owner" .portal=${this.portal} .username=${e.owner ?? void 0} underline @arcgisUserPopupInternalUIAction=${(a) => {
+      a.stopPropagation(), this.arcgisGroupBrowserInternalUIAction.emit(a.detail);
+    }}></arcgis-portal-user-popup></div>` || ""}</div><div class="group-card__footer__end">${this.preview === "action" && t`<calcite-button scale=s .appearance=${p ? "solid" : "outline-fill"} kind=neutral @click=${() => {
       this.arcgisGroupBrowserCardPreview.emit(this.group);
-    }}>${u ? this.messages.hidePreview : this.messages.preview}</calcite-button>` || ""}<div @click=${(a) => {
+    }}>${p ? this.messages.hidePreview : this.messages.preview}</calcite-button>` || ""}<div @click=${(a) => {
       a.stopPropagation();
     }}><slot name=actions-end></slot></div></div></div></section>`;
   }