@arcgis/portal-components 5.2.0-next.65 → 5.2.0-next.67

package/dist/components/arcgis-portal-field-delete/customElement.js

@@ -112,7 +112,8 @@ class Q extends x {
           }), this.updateFeatureService(i));
         } else
           this.handleError();
-      }
+      } else
+        this.handleError();
     }, () => this.handleError());
   }
   updateTypesAndTemplatesOnLayer() {

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

@@ -5,7 +5,7 @@ import { keyed as B } from "lit/directives/keyed.js";
 import { LitElement as O, createEvent as p, nothing as w, safeClassMap as C } from "@arcgis/lumina";
 import { u as f } from "../../chunks/useT9n.js";
 import { a as U } from "../../chunks/functionalities.js";
-import { c as x, r as v } from "../../chunks/string.js";
+import { c as x, a as v } from "../../chunks/string.js";
 import "../arcgis-portal-browser-search/customElement.js";
 import "../arcgis-portal-browser-top-bar/customElement.js";
 import { c as R, a as _ } from "../../chunks/portal-browser.js";
@@ -447,7 +447,7 @@ class j extends O {
     }), r = t.length > 0 && t.every(({ view: o }) => o === "compact");
     return u`<div class=${C({ "group-browser__results": !0, "group-browser__results--compact": r })} .part=${"results"}>${t.map(({ group: o, cardProps: i, view: l }) => {
       const n = o.id;
-      return B(n, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${o} .user=${i.user} .indeterminate=${i.indeterminate} .view=${l} .selection=${this.selection} .selected=${e.has(n)} .preview=${i.preview ?? this.preview} .previewed=${i.previewed ?? this.store.preview === n} .name=${i.name} .showSummary=${i.showSummary ?? !0} .showBadges=${i.showBadges ?? !0} .showDateUpdated=${i.showDateUpdated ?? !0} .showDateCreated=${i.showDateCreated ?? !1} .showViewableBy=${i.showViewableBy ?? !0} .showOwner=${i.showOwner ?? !0} .link=${i.link} .linkHandler=${i.linkHandler} .newTab=${i.newTab ?? !1} .disabled=${i.disabled ?? !1} @arcgisGroupCardSelect=${(h) => {
+      return B(n, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${o} .user=${i.user} .indeterminate=${i.indeterminate} .view=${l} .selection=${this.selection} .selected=${e.has(n)} .preview=${i.preview ?? this.preview} .previewed=${i.previewed ?? this.store.preview === n} .name=${i.name} .showSummary=${i.showSummary ?? !0} .hideBadges=${i.hideBadges ?? !1} .hideDateUpdated=${i.hideDateUpdated ?? !1} .showDateCreated=${i.showDateCreated ?? !1} .hideViewableBy=${i.hideViewableBy ?? !1} .hideOwner=${i.hideOwner ?? !1} .link=${i.link} .linkHandler=${i.linkHandler} .newTab=${i.newTab ?? !1} .disabled=${i.disabled ?? !1} @arcgisGroupCardSelect=${(h) => {
         this.handleGroupCardSelect(h);
       }} @arcgisGroupBrowserCardPreview=${(h) => {
         const a = h.detail;
@@ -469,7 +469,7 @@ class j extends O {
       this.handleSortOrderChange(t);
     } })}<slot name=content slot=content>${this.renderContent()}</slot>${q({ slot: "pagination", store: this.store, total: this.queryResponse.total, start: this.queryResponse?.queryParams?.start ?? 1, num: this.queryResponse?.queryParams?.num ?? this.num, onPage: (t) => {
       this.handlePage(t);
-    } })}<slot name=content-end slot=content-end></slot><slot name=preview slot=preview>${this.previewGroup && u`<arcgis-portal-group-browser-preview .group=${this.previewGroup} .portal=${this.portal} .user=${this.portal.user ?? void 0} .showBadges=${!this.hidePreviewBadges} .hidePreviewFooter=${this.hidePreviewFooter} .currentResponse=${this.queryResponse} .previewFooterActionsEmpty=${this.getPreviewFooterActionsEmpty()} @arcgisGroupBrowserInternalUIAction=${(t) => {
+    } })}<slot name=content-end slot=content-end></slot><slot name=preview slot=preview>${this.previewGroup && u`<arcgis-portal-group-browser-preview .group=${this.previewGroup} .portal=${this.portal} .user=${this.portal.user ?? void 0} .hideBadges=${this.hidePreviewBadges} .hidePreviewFooter=${this.hidePreviewFooter} .currentResponse=${this.queryResponse} .previewFooterActionsSpaced=${!this.getPreviewFooterActionsEmpty()} @arcgisGroupBrowserInternalUIAction=${(t) => {
       this.arcgisGroupBrowserInternalUIAction.emit(t.detail);
     }} @arcgisGroupBrowserPreviewClose=${() => {
       this.closePreview({ restoreFocus: !0 });

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

@@ -1,6 +1,5 @@
 import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
 import type { SearchResult } from "../../types/search.js";
-import type { PortalBrowserFilterDateProps } from "../portal-browser/components/portal-browser-filter-date/portal-browser-filter-date.js";
 import type { PortalBrowserSortField, PortalBrowserSortOrder } from "../arcgis-portal-browser-sort/utils.js";
 import type { PortalBrowserState } from "../arcgis-portal-browser/utils/store.js";
 import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
@@ -81,7 +80,7 @@ export interface GroupFilterConfig<TProps extends BaseFilterProps> {
 }
 
 export type PortalGroupBrowserDateFilterProps = BaseFilterProps
-  & Partial<Pick<PortalBrowserFilterDateProps, "includeNever" | "serverProperty"> & PortalGroupBrowserDateSelection>;
+  & Partial<PortalGroupBrowserDateFilterSharedProps & PortalGroupBrowserDateSelection>;
 
 export type PortalGroupBrowserOwnerFilterProps = BaseFilterProps
   & Partial<PortalGroupBrowserOwnerSelection>;
@@ -170,6 +169,11 @@ export interface GroupBrowserAccessDetail extends GroupBrowserFilterDetail, Port
   id: "access";
 }
 
+export interface PortalGroupBrowserDateFilterSharedProps {
+  includeNever?: boolean;
+  serverProperty?: string;
+}
+
 export type PortalGroupBrowserOwner = "inOrg" | "outsideOrg" | "owner";
 
 export type PortalGroupBrowserMembership = "anyOrg" | "collaboration" | "org";

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

@@ -12,6 +12,12 @@ export abstract class ArcgisPortalGroupBrowserPreview extends LitElement {
   accessor currentResponse: PortalGroupBrowserSearchResult | undefined;
   /** Group selected for preview. */
   accessor group: PortalGroup;
+  /**
+   * Hide group badges in overview section.
+   *
+   * @default false
+   */
+  accessor hideBadges: boolean;
   /**
    * Hide footer details action.
    *
@@ -199,17 +205,11 @@ export abstract class ArcgisPortalGroupBrowserPreview extends LitElement {
   /** Portal used for thumbnail and deep-link resolution. */
   accessor portal: Portal;
   /**
-   * Mirrors legacy footer slot spacing behavior from browser store state.
+   * Apply spacing between footer actions.
    *
-   * @default true
-   */
-  accessor previewFooterActionsEmpty: boolean;
-  /**
-   * Show group badges in overview section.
-   *
-   * @default true
+   * @default false
    */
-  accessor showBadges: boolean;
+  accessor previewFooterActionsSpaced: boolean;
   /** Current signed-in user context used by preview cards. */
   accessor user: PortalUser | undefined;
   setFocus(): Promise<void>;

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

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as v } from "../../chunks/runtime.js";
+import { c as w } from "../../chunks/runtime.js";
 import { repeat as _ } from "lit/directives/repeat.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { substitute as h } from "@arcgis/core/intl.js";
@@ -14,36 +14,36 @@ 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";
 import { f as B } from "../../chunks/user.js";
-const F = $`:host{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;background-color:var(--calcite-color-background)}.preview{box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;min-height:0;overflow:auto;padding:0;position:relative}.preview__header{align-items:center;background:var(--calcite-color-foreground-1);display:flex;justify-content:space-between;padding:0;padding-inline-start:.75rem}.preview__title{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.375;margin:0;overflow-wrap:anywhere;flex:1 1 auto}.preview__accordion{--calcite-accordion-item-header-background-color: var(--calcite-color-foreground-1);--calcite-accordion-item-heading-text-size: var(--calcite-font-size-0)}.preview__accordion calcite-accordion-item{--calcite-internal-accordion-item-padding: 1rem 1rem;border-bottom:1px solid var(--calcite-color-border-2);box-sizing:border-box;width:100%}.preview__section{background:var(--calcite-color-background);line-height:1.35;margin:-1rem;padding:1rem}.preview__section--tight{padding:0}.preview__summary{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-0);line-height:1.45;margin:0}.preview__description{--item-browser-table-border: 1px solid var(--calcite-color-border-2);color:var(--calcite-color-text-2);line-height:1.35;overflow-wrap:anywhere;*{font-size:.875rem;max-width:100%}a{color:var(--calcite-color-text-link)}img,video{height:auto;max-width:100%}table{background:var(--calcite-color-foreground-1);border:var(--item-browser-table-border);border-collapse:collapse;border-spacing:0;font-size:var(--calcite-font-size--2);overflow:auto;text-align:start;width:100%}table>thead{background:var(--calcite-color-foreground-1);border-bottom:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-normal)}table>tbody{overflow:auto;width:100%}table>tfoot{border-top:var(--item-browser-table-border)}th,td{border-inline:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-light);padding:.5rem;text-align:start}tr{border-bottom:var(--item-browser-table-border);text-align:start}tr:last-child{border-bottom:none}}.preview__empty{color:var(--calcite-color-text-1);margin:0}.preview__empty-wrap{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.preview__loading-placeholder{min-height:2rem}.preview__empty-icon{color:var(--calcite-color-text-1);height:3rem;width:3rem}.preview__badges{margin-top:1rem}.preview__badges[empty]{display:none}.preview__full-card-wrapper{padding:.75rem .5rem 0}.preview__card{margin:0}.preview__card-body{display:grid;gap:.125rem}.preview__settings-title{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);margin:0}.preview__settings-text{color:var(--calcite-color-text-1);margin:0;line-height:1.4}.preview__link-wrap{margin-top:.75rem;padding:0 .25rem 1rem}.preview__footer-actions{width:100%;display:flex;flex-direction:column}.preview__footer-actions--spaced{gap:.5rem}.preview__card-container{display:flex;flex-direction:column;gap:.25rem}.preview__settings-section{display:flex;flex-direction:column;gap:1.25rem}.preview__settings-row{display:grid;gap:.25rem}.preview__link-wrap--settings{padding-inline:0}`, E = async (c, e) => {
+const F = $`:host{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;background-color:var(--calcite-color-background)}.preview{box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;min-height:0;overflow:auto;padding:0;position:relative}.preview__header{align-items:center;background:var(--calcite-color-foreground-1);display:flex;justify-content:space-between;padding:0;padding-inline-start:.75rem}.preview__title{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.375;margin:0;overflow-wrap:anywhere;flex:1 1 auto}.preview__accordion{--calcite-accordion-item-header-background-color: var(--calcite-color-foreground-1);--calcite-accordion-item-heading-text-size: var(--calcite-font-size-0)}.preview__accordion calcite-accordion-item{--calcite-internal-accordion-item-padding: 1rem 1rem;border-bottom:1px solid var(--calcite-color-border-2);box-sizing:border-box;width:100%}.preview__section{background:var(--calcite-color-background);line-height:1.35;margin:-1rem;padding:1rem}.preview__section--tight{padding:0}.preview__summary{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-0);line-height:1.45;margin:0}.preview__description{--item-browser-table-border: 1px solid var(--calcite-color-border-2);color:var(--calcite-color-text-2);line-height:1.35;overflow-wrap:anywhere;*{font-size:.875rem;max-width:100%}a{color:var(--calcite-color-text-link)}img,video{height:auto;max-width:100%}table{background:var(--calcite-color-foreground-1);border:var(--item-browser-table-border);border-collapse:collapse;border-spacing:0;font-size:var(--calcite-font-size--2);overflow:auto;text-align:start;width:100%}table>thead{background:var(--calcite-color-foreground-1);border-bottom:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-normal)}table>tbody{overflow:auto;width:100%}table>tfoot{border-top:var(--item-browser-table-border)}th,td{border-inline:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-light);padding:.5rem;text-align:start}tr{border-bottom:var(--item-browser-table-border);text-align:start}tr:last-child{border-bottom:none}}.preview__empty{color:var(--calcite-color-text-1);margin:0}.preview__empty-wrap{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.preview__loading-placeholder{min-height:2rem}.preview__empty-icon{color:var(--calcite-color-text-1);height:3rem;width:3rem}.preview__badges{margin-top:1rem}.preview__badges[empty]{display:none}.preview__full-card-wrapper{padding:.75rem .5rem 0}.preview__card{margin:0}.preview__card-body{display:grid;gap:.125rem}.preview__settings-title{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);margin:0}.preview__settings-text{color:var(--calcite-color-text-1);margin:0;line-height:1.4}.preview__link-wrap{margin-top:.75rem;padding:0 .25rem 1rem}.preview__footer-actions{width:100%;display:flex;flex-direction:column}.preview__footer-actions--spaced{gap:.5rem}.preview__card-container{display:flex;flex-direction:column;gap:.25rem}.preview__settings-section{display:flex;flex-direction:column;gap:1.25rem}.preview__settings-row{display:grid;gap:.25rem}.preview__link-wrap--settings{padding-inline:0}`, q = async (c, e) => {
   try {
     const t = c.id ? (await e.queryGroups({ query: `id:${c.id}`, num: 1 })).results[0] ?? c : c;
     t.portal = e;
     const o = p(t), r = o.properties?.featuredItemIds ?? [], n = !!(o.properties?.isFeatured && r.length), [{ items: d, total: m }, l] = await Promise.all([
-      n ? q(t, r) : D(t),
+      n ? S(t, r) : D(t),
       t.fetchMembers()
     ]), a = [l.owner, ...l.admins.filter((g) => g !== l.owner)], i = await Promise.all(a.map(async (g) => await B(g, e)));
     return { result: { group: t, items: d, total: m, members: l, managers: i } };
   } catch (t) {
     return console.error(t), { error: { code: "unhandledError" } };
   }
-}, w = 4;
-async function q(c, e) {
+}, v = 4;
+async function S(c, e) {
   const t = await c.queryItems({
-    num: Math.min(w, e.length),
-    query: `id:(${e.slice(0, w).join(" OR ")})`
+    num: Math.min(v, e.length),
+    query: `id:(${e.slice(0, v).join(" OR ")})`
   });
   return { items: e.map((r) => t.results.find((n) => n.id === r)).filter((r) => !!r), total: t.total || e.length };
 }
 async function D(c) {
-  const { sortField: e = "modified", sortOrder: t = "desc" } = p(c), o = P(c) || M, r = await c.queryItems({ num: w, sortField: e, sortOrder: t, query: o });
+  const { sortField: e = "modified", sortOrder: t = "desc" } = p(c), o = P(c) || M, r = await c.queryItems({ num: v, sortField: e, sortOrder: t, query: o });
   return { items: r.results || [], total: r.total || 0 };
 }
-class H extends b {
+class E extends b {
   constructor() {
-    super(...arguments), this.messages = I({ name: "portal-group-browser", blocking: !0 }), this.requestId = 0, this.flowItemEl = x(), this.loading = !1, this.contentItems = [], this.contentTotal = 0, this.managers = [], this.fullGroup = null, this.showBadges = !0, this.hidePreviewFooter = !1, this.previewFooterActionsEmpty = !0, this.arcgisPreviewClose = u(), this.arcgisGroupBrowserPreviewClose = u(), this.arcgisGroupBrowserInternalUIAction = u();
+    super(...arguments), this.messages = I({ name: "portal-group-browser", blocking: !0 }), this.requestId = 0, this.flowItemEl = x(), this.loading = !1, this.contentItems = [], this.contentTotal = 0, this.managers = [], this.fullGroup = null, this.hideBadges = !1, this.hidePreviewFooter = !1, this.previewFooterActionsSpaced = !1, this.arcgisPreviewClose = u(), this.arcgisGroupBrowserPreviewClose = u(), this.arcgisGroupBrowserInternalUIAction = u();
   }
   static {
-    this.properties = { loading: 16, contentItems: 16, contentTotal: 16, managers: 16, fullGroup: 16, group: 0, portal: 0, user: 0, showBadges: 5, hidePreviewFooter: 5, currentResponse: 0, previewFooterActionsEmpty: 5 };
+    this.properties = { loading: 16, contentItems: 16, contentTotal: 16, managers: 16, fullGroup: 16, group: 0, portal: 0, user: 0, hideBadges: 5, hidePreviewFooter: 5, currentResponse: 0, previewFooterActionsSpaced: 5 };
   }
   static {
     this.styles = F;
@@ -66,7 +66,7 @@ class H extends b {
   async loadPreviewData() {
     const { group: e, portal: t } = this, o = ++this.requestId;
     this.loading = !0, this.contentItems = [], this.contentTotal = 0, this.managers = [], this.fullGroup = null;
-    const { result: r, error: n } = await E(e, t);
+    const { result: r, error: n } = await q(e, t);
     o === this.requestId && (this.loading = !1, !(n || !r) && o === this.requestId && (this.contentItems = r.items, this.contentTotal = r.total, this.managers = r.managers, this.fullGroup = r.group, this.flowItemEl.value?.setFocus()));
   }
   getPreviewPosition(e) {
@@ -123,7 +123,7 @@ class H extends b {
         action: "close panel",
         category: "group panel action"
       }), this.arcgisPreviewClose.emit(), this.arcgisGroupBrowserPreviewClose.emit();
-    }} ${k(this.flowItemEl)}><div slot=header-content class="preview__header"><h3 class="preview__title">${e.title || this.messages.preview.titleFallback}</h3></div><section class="preview">${f(e.id, s`<calcite-accordion icon-position=start appearance=transparent class="preview__accordion"><calcite-accordion-item .heading=${this.messages.preview.overview} .expanded=${!!t} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "overview")}><div class="preview__section">${t ? s`<p class="preview__summary">${t}</p>` : s`<p class="preview__empty">${this.messages.preview.noSummary}</p>`}${this.showBadges ? s`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} width=full scale=s appearance=outline-fill class="preview__badges"></arcgis-portal-group-badges>` : null}</div></calcite-accordion-item><calcite-accordion-item .heading=${a.description} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "description")}><div class="preview__section">${o ? s`<div class="preview__description" .innerHTML=${o ?? ""}></div>` : s`<p class="preview__empty">${a.noDescription}</p>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${h(a.content, { count: String(this.contentTotal) })} expanded @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "content")}><div class="preview__section preview__section--tight">${this.contentItems.length ? s`<div class="preview__full-card-wrapper"><div class="preview__card-container">${_(this.contentItems, (i) => i.id, (i) => s`<arcgis-portal-group-browser-preview-card class="preview__card" .item=${i} .portal=${this.portal} .user=${this.user}></arcgis-portal-group-browser-preview-card>`)}</div><div class="preview__link-wrap"><calcite-link .href=${n} @click=${() => {
+    }} ${k(this.flowItemEl)}><div slot=header-content class="preview__header"><h3 class="preview__title">${e.title || this.messages.preview.titleFallback}</h3></div><section class="preview">${f(e.id, s`<calcite-accordion icon-position=start appearance=transparent class="preview__accordion"><calcite-accordion-item .heading=${this.messages.preview.overview} .expanded=${!!t} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "overview")}><div class="preview__section">${t ? s`<p class="preview__summary">${t}</p>` : s`<p class="preview__empty">${this.messages.preview.noSummary}</p>`}${this.hideBadges ? null : s`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} width=full scale=s appearance=outline-fill class="preview__badges"></arcgis-portal-group-badges>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${a.description} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "description")}><div class="preview__section">${o ? s`<div class="preview__description" .innerHTML=${o ?? ""}></div>` : s`<p class="preview__empty">${a.noDescription}</p>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${h(a.content, { count: String(this.contentTotal) })} expanded @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "content")}><div class="preview__section preview__section--tight">${this.contentItems.length ? s`<div class="preview__full-card-wrapper"><div class="preview__card-container">${_(this.contentItems, (i) => i.id, (i) => s`<arcgis-portal-group-browser-preview-card class="preview__card" .item=${i} .portal=${this.portal} .user=${this.user}></arcgis-portal-group-browser-preview-card>`)}</div><div class="preview__link-wrap"><calcite-link .href=${n} @click=${() => {
       this.handleDetailsClick("view all content");
     }}>${this.messages.preview.viewContent}</calcite-link></div></div>` : this.loading ? s`<div class="preview__loading-placeholder"></div>` : s`<div class="preview__empty-wrap"><calcite-icon scale=l icon=files class="preview__empty-icon"></calcite-icon><p class="preview__empty">${this.messages.preview.noContent}</p></div>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${h(a.groupManagers, { count: String(this.managers.length) })} expanded @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "managers")}><div class="preview__section preview__section--tight"><div class="preview__full-card-wrapper">${this.managers.length ? s`<div class="preview__card-container">${this.managers.map((i) => s`<calcite-card class="preview__card"><div class="preview__card-body"><arcgis-portal-user-popup .fullName=${i.username === e.owner ? h(a.groupOwner, {
       fullName: T(i, this.messages._lang)
@@ -133,7 +133,7 @@ class H extends b {
       this.handleDetailsClick("open settings");
     }}>${a.openSettings}</calcite-link></div></div>` : null}</div></calcite-accordion-item></calcite-accordion>`)}</section>${!this.hidePreviewFooter && s`<div slot=footer class=${y({
       "preview__footer-actions": !0,
-      "preview__footer-actions--spaced": !this.previewFooterActionsEmpty
+      "preview__footer-actions--spaced": this.previewFooterActionsSpaced
     })}><calcite-button appearance=solid kind=neutral width=full .href=${r} @click=${() => {
       this.arcgisGroupBrowserInternalUIAction.emit({
         action: "click",
@@ -144,7 +144,7 @@ class H extends b {
     }}>${a.openGroupPage}</calcite-button><slot name=footer-action></slot></div>` || ""}</calcite-flow-item></calcite-flow>`;
   }
 }
-v("arcgis-portal-group-browser-preview", H);
+w("arcgis-portal-group-browser-preview", E);
 export {
-  H as ArcgisPortalGroupBrowserPreview
+  E as ArcgisPortalGroupBrowserPreview
 };

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

@@ -8,6 +8,24 @@ import type { InternalUIAction } from "../../types/tracking.js";
 export abstract class ArcgisPortalGroupBrowserPreviewCard extends LitElement {
   /** Optional fully qualified path to the portal home root. */
   accessor baseUrl: string | undefined;
+  /**
+   * Hide item type in the card body.
+   *
+   * @default false
+   */
+  accessor hideItemType: boolean;
+  /**
+   * Hide owner information in the footer.
+   *
+   * @default false
+   */
+  accessor hideOwner: boolean;
+  /**
+   * Hide the item thumbnail area.
+   *
+   * @default false
+   */
+  accessor hideThumbnail: boolean;
   /**
    * Allow hover styles and click interaction on the card.
    *
@@ -38,18 +56,6 @@ export abstract class ArcgisPortalGroupBrowserPreviewCard extends LitElement {
    * @default false
    */
   accessor showDateUpdated: boolean;
-  /**
-   * Show item type in the card body.
-   *
-   * @default true
-   */
-  accessor showItemType: boolean;
-  /**
-   * Show owner information in the footer.
-   *
-   * @default true
-   */
-  accessor showOwner: boolean;
   /**
    * Show popup-enabled owner link in footer instead of plain avatar lockup.
    *
@@ -62,12 +68,6 @@ export abstract class ArcgisPortalGroupBrowserPreviewCard extends LitElement {
    * @default false
    */
   accessor showSummary: boolean;
-  /**
-   * Show the item thumbnail area.
-   *
-   * @default true
-   */
-  accessor showThumbnail: boolean;
   /** Current signed in user for owner and item context. */
   accessor user: PortalUser | undefined;
   restoreFocus(): Promise<void>;

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

@@ -1,24 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as w } from "../../chunks/runtime.js";
-import { formatDate as v } from "@arcgis/core/intl.js";
-import { LitElement as _, createEvent as n, nothing as o, safeClassMap as p } from "@arcgis/lumina";
-import { css as g, html as r } from "lit";
-import { createRef as h, ref as m } from "lit/directives/ref.js";
-import { g as f } from "../../chunks/url.js";
+import { c as u } from "../../chunks/runtime.js";
+import { formatDate as w } from "@arcgis/core/intl.js";
+import { LitElement as v, createEvent as d, nothing as o, safeClassMap as n } from "@arcgis/lumina";
+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/url.js";
 import { g as b } from "../../chunks/thumbnail.js";
-const y = (c) => c.sourceJSON ?? c, $ = g`: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 x extends _ {
+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() {
-    super(...arguments), this.sectionEl = h(), this.linkEl = h(), this.cachedOwner = "", this.cachedStatus = "", this.cachedTitle = "-", this.cachedType = "-", this.cachedSummary = "", this.cachedUpdatedText = "", this.cachedThumbnailUri = null, this.handleCardClick = () => {
-      const { link: e, item: i } = this;
-      e || this.arcgisGroupBrowserPreviewCardSelect.emit(i);
-    }, this.isLoaded = !1, this.imageError = !1, this.newTab = !1, this.showThumbnail = !0, this.showOwner = !0, this.showItemType = !0, this.showDateUpdated = !1, this.showSummary = !1, this.showBadges = !1, this.showOwnerPopup = !1, this.interactive = !1, this.arcgisGroupBrowserInternalUIAction = n(), this.arcgisGroupBrowserPreviewCardSelect = n();
+    super(...arguments), this.sectionEl = p(), this.linkEl = p(), this.cachedOwner = "", this.cachedStatus = "", this.cachedTitle = "-", this.cachedType = "-", this.cachedSummary = "", this.cachedUpdatedText = "", this.cachedThumbnailUri = null, this.handleCardClick = () => {
+      const { link: e, item: t } = this;
+      e || this.arcgisGroupBrowserPreviewCardSelect.emit(t);
+    }, this.isLoaded = !1, this.imageError = !1, this.newTab = !1, this.hideThumbnail = !1, this.hideOwner = !1, this.hideItemType = !1, this.showDateUpdated = !1, this.showSummary = !1, this.showBadges = !1, this.showOwnerPopup = !1, this.interactive = !1, this.arcgisGroupBrowserInternalUIAction = d(), this.arcgisGroupBrowserPreviewCardSelect = d();
   }
   static {
-    this.properties = { isLoaded: 16, imageError: 16, item: 0, portal: 0, user: 0, baseUrl: 1, link: 1, newTab: 5, showThumbnail: 5, showOwner: 5, showItemType: 5, showDateUpdated: 5, showSummary: 5, showBadges: 5, showOwnerPopup: 5, interactive: 5 };
+    this.properties = { isLoaded: 16, imageError: 16, item: 0, portal: 0, user: 0, baseUrl: 1, link: 1, newTab: 5, hideThumbnail: 5, hideOwner: 5, hideItemType: 5, showDateUpdated: 5, showSummary: 5, showBadges: 5, showOwnerPopup: 5, interactive: 5 };
   }
   static {
-    this.styles = $;
+    this.styles = y;
   }
   async restoreFocus() {
     if (this.link && this.linkEl.value) {
@@ -38,22 +39,22 @@ class x extends _ {
   get resolvedBaseUrl() {
     if (!this.portal)
       return "";
-    const e = f({ portal: this.portal });
+    const e = g({ portal: this.portal });
     return this.baseUrl || `${e}/home`;
   }
   getItemThumbnailUri(e) {
     return e.thumbnailUrl ? e.thumbnailUrl : this.portal ? b(this.portal, e) : null;
   }
   updateCachedItemData() {
-    const { item: e, showSummary: i, showDateUpdated: s } = this, t = y(e), a = t.snippet?.trim() || "";
-    this.cachedOwner = t.owner || "", this.cachedStatus = t.contentStatus || "", this.cachedTitle = t.title?.trim() || e.title?.trim() || "-", this.cachedType = t.type?.trim() || "-", this.cachedSummary = i ? a.length > 250 ? `${a.slice(0, 250)}...` : a : "", this.cachedUpdatedText = s ? v(t.modified ?? e.modified, { dateStyle: "medium" }) : "", this.cachedThumbnailUri = this.getItemThumbnailUri(e);
+    const { item: e, showSummary: t, showDateUpdated: s } = this, i = f(e), a = i.snippet?.trim() || "";
+    this.cachedOwner = i.owner || "", this.cachedStatus = i.contentStatus || "", this.cachedTitle = i.title?.trim() || e.title?.trim() || "-", this.cachedType = i.type?.trim() || "-", this.cachedSummary = t ? a.length > 250 ? `${a.slice(0, 250)}...` : a : "", this.cachedUpdatedText = s ? w(i.modified ?? e.modified, { dateStyle: "medium" }) : "", this.cachedThumbnailUri = this.getItemThumbnailUri(e);
   }
   renderStatusBadge() {
     const e = this.cachedStatus;
     return !this.showBadges || !e ? null : r`<calcite-chip class="preview-card__status" scale=s .value=${e} .label=${e}>${e}</calcite-chip>`;
   }
   renderThumbnail() {
-    if (!this.showThumbnail)
+    if (this.hideThumbnail)
       return null;
     const e = this.cachedThumbnailUri;
     return e && !this.imageError ? r`<figure class="preview-card__thumbnail"><img class="preview-card__thumbnail-image" src=${e ?? o} alt @error=${() => {
@@ -62,31 +63,31 @@ class x extends _ {
   }
   renderOwner() {
     const e = this.cachedOwner;
-    return !this.showOwner || !e || !this.portal ? null : this.showOwnerPopup ? r`<arcgis-portal-user-popup underline .username=${e} .portal=${this.portal} .baseUrl=${this.resolvedBaseUrl} class="preview-card__owner" scale=s @arcgisUserPopupInternalUIAction=${(i) => {
-      i.stopPropagation(), this.arcgisGroupBrowserInternalUIAction.emit(i.detail);
+    return this.hideOwner || !e || !this.portal ? null : this.showOwnerPopup ? r`<arcgis-portal-user-popup underline .username=${e} .portal=${this.portal} .baseUrl=${this.resolvedBaseUrl} class="preview-card__owner" scale=s @arcgisUserPopupInternalUIAction=${(t) => {
+      t.stopPropagation(), this.arcgisGroupBrowserInternalUIAction.emit(t.detail);
     }}></arcgis-portal-user-popup>` : r`<arcgis-portal-user-avatar scale=s show-name hide-avatar .username=${e} .portal=${this.portal} class="preview-card__owner"></arcgis-portal-user-avatar>`;
   }
   renderBody(e) {
-    const { showSummary: i, showItemType: s, showDateUpdated: t } = this, a = this.cachedTitle, u = this.cachedType, l = this.cachedSummary, d = this.cachedUpdatedText;
-    return r`<div class="preview-card__body"><h3 class=${p({
+    const { showSummary: t, showDateUpdated: s } = this, i = !this.hideItemType, a = this.cachedTitle, m = this.cachedType, c = this.cachedSummary, l = this.cachedUpdatedText;
+    return r`<div class="preview-card__body"><h3 class=${n({
       "preview-card__title": !0,
-      "preview-card__title--padded": s || i && !!l
-    })}><span class="preview-card__title-span">${a}</span></h3>${i && l ? r`<p class="preview-card__summary">${l}</p>` : null}${s ? r`<arcgis-portal-item-type scale=s .item=${e} .portal=${this.portal} .user=${this.user}></arcgis-portal-item-type>` : null}<div class="preview-card__details">${t && d ? r`<span class="preview-card__detail preview-card__divider">${d}</span>` : null}${this.renderStatusBadge()}${s ? null : r`<p class="preview-card__meta">${u}</p>`}</div></div>`;
+      "preview-card__title--padded": i || t && !!c
+    })}><span class="preview-card__title-span">${a}</span></h3>${t && c ? r`<p class="preview-card__summary">${c}</p>` : null}${i ? r`<arcgis-portal-item-type scale=s .item=${e} .portal=${this.portal} .user=${this.user}></arcgis-portal-item-type>` : null}<div class="preview-card__details">${s && l ? r`<span class="preview-card__detail preview-card__divider">${l}</span>` : null}${this.renderStatusBadge()}${i ? null : r`<p class="preview-card__meta">${m}</p>`}</div></div>`;
   }
   render() {
-    const { item: e, interactive: i, link: s, newTab: t } = this;
-    return r`<section class=${p({
+    const { item: e, interactive: t, link: s, newTab: i } = this;
+    return r`<section class=${n({
       "preview-card": !0,
-      "preview-card--hoverable": i,
+      "preview-card--hoverable": t,
       "preview-card--loaded": this.isLoaded
-    })} .part=${"card"} tabindex=${(i ? 0 : void 0) ?? o} @click=${s ? void 0 : this.handleCardClick} ${m(this.sectionEl)}><slot name=content-top></slot>${s ? r`<a class="preview-card__upper preview-card__upper--link" href=${s ?? o} target=${(t ? "_blank" : void 0) ?? o} rel=${(t ? "noopener noreferrer" : void 0) ?? o} ${m(this.linkEl)}>${r`<div class="preview-card__content">${this.renderBody(e)}</div><div class="preview-card__top">${this.renderThumbnail()}</div>`}</a>` : r`<div class="preview-card__upper"><div class="preview-card__content">${this.renderBody(e)}</div><div class="preview-card__top">${this.renderThumbnail()}</div></div>`}<div class="preview-card__footer" @click=${(a) => {
+    })} .part=${"card"} tabindex=${(t ? 0 : void 0) ?? o} @click=${s ? void 0 : this.handleCardClick} ${h(this.sectionEl)}><slot name=content-top></slot>${s ? r`<a class="preview-card__upper preview-card__upper--link" href=${s ?? o} target=${(i ? "_blank" : void 0) ?? o} rel=${(i ? "noopener noreferrer" : void 0) ?? o} ${h(this.linkEl)}>${r`<div class="preview-card__content">${this.renderBody(e)}</div><div class="preview-card__top">${this.renderThumbnail()}</div>`}</a>` : r`<div class="preview-card__upper"><div class="preview-card__content">${this.renderBody(e)}</div><div class="preview-card__top">${this.renderThumbnail()}</div></div>`}<div class="preview-card__footer" @click=${(a) => {
       a.stopPropagation();
     }} @keydown=${(a) => {
       (a.key === "Enter" || a.key === " ") && a.stopPropagation();
     }}><div class="preview-card__footer-start">${this.renderOwner()}</div><slot name=actions-end></slot></div></section>`;
   }
 }
-w("arcgis-portal-group-browser-preview-card", x);
+u("arcgis-portal-group-browser-preview-card", $);
 export {
-  x as ArcgisPortalGroupBrowserPreviewCard
+  $ as ArcgisPortalGroupBrowserPreviewCard
 };

package/dist/components/arcgis-portal-group-card/customElement.d.ts

@@ -6,7 +6,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { InternalUIAction } from "../../types/tracking.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export type PortalGroupCardProps = Partial<Pick<ArcgisPortalGroupCard, "disabled" | "indeterminate" | "link" | "linkHandler" | "name" | "newTab" | "preview" | "previewed" | "selected" | "selection" | "showBadges" | "showDateCreated" | "showDateUpdated" | "showOwner" | "showSummary" | "showViewableBy" | "user" | "view">>;
+export type PortalGroupCardProps = Partial<Pick<ArcgisPortalGroupCard, "disabled" | "hideBadges" | "hideDateUpdated" | "hideOwner" | "hideViewableBy" | "indeterminate" | "link" | "linkHandler" | "name" | "newTab" | "preview" | "previewed" | "selected" | "selection" | "showDateCreated" | "showSummary" | "user" | "view">>;
 
 /**
  * A card for displaying portal group information.
@@ -25,6 +25,30 @@ export abstract class ArcgisPortalGroupCard extends LitElement {
   accessor disabled: boolean;
   /** Group data from search results or a loaded PortalGroup instance. */
   accessor group: PortalGroup;
+  /**
+   * Hide group badges.
+   *
+   * @default false
+   */
+  accessor hideBadges: boolean;
+  /**
+   * Hide last-updated detail.
+   *
+   * @default false
+   */
+  accessor hideDateUpdated: boolean;
+  /**
+   * Hide the owner information in the card footer.
+   *
+   * @default false
+   */
+  accessor hideOwner: boolean;
+  /**
+   * Hide information on who can view this group.
+   *
+   * @default false
+   */
+  accessor hideViewableBy: boolean;
   /**
    * Show the group as partially selected.
    *
@@ -101,42 +125,18 @@ export abstract class ArcgisPortalGroupCard extends LitElement {
    * @default "none"
    */
   accessor selection: GroupCardSelection;
-  /**
-   * Show group badges.
-   *
-   * @default true
-   */
-  accessor showBadges: boolean;
   /**
    * Show created date detail.
    *
    * @default false
    */
   accessor showDateCreated: boolean;
-  /**
-   * Show last-updated detail.
-   *
-   * @default true
-   */
-  accessor showDateUpdated: boolean;
-  /**
-   * Show the owner information in the card footer.
-   *
-   * @default true
-   */
-  accessor showOwner: boolean;
   /**
    * Show group summary text in card body.
    *
    * @default false
    */
   accessor showSummary: boolean;
-  /**
-   * Show information on who can view this group.
-   *
-   * @default true
-   */
-  accessor showViewableBy: boolean;
   /** Current signed-in portal user. */
   accessor user: PortalUser | undefined;
   /**

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

@@ -22,10 +22,10 @@ class B extends w {
         }
         this.selection === "multiple" && (this.selected = !this.selected, this.arcgisGroupCardSelect.emit({ group: this.group, selected: this.selected }));
       }
-    }, this.hover = !1, this.isLoaded = !1, this.selected = !1, this.indeterminate = !1, this.view = "list", this.selection = "none", this.previewed = !1, this.showOwner = !0, this.showDateUpdated = !0, this.showDateCreated = !1, this.showViewableBy = !0, this.showSummary = !1, this.showBadges = !0, this.newTab = !1, this.disabled = !1, this.arcgisGroupBrowserCardPreview = m(), this.arcgisGroupBrowserInternalUIAction = m(), this.arcgisGroupCardSelect = m();
+    }, this.hover = !1, this.isLoaded = !1, this.selected = !1, this.indeterminate = !1, this.view = "list", this.selection = "none", this.previewed = !1, this.hideOwner = !1, this.hideDateUpdated = !1, this.showDateCreated = !1, this.hideViewableBy = !1, this.showSummary = !1, this.hideBadges = !1, this.newTab = !1, this.disabled = !1, this.arcgisGroupBrowserCardPreview = m(), this.arcgisGroupBrowserInternalUIAction = m(), this.arcgisGroupCardSelect = m();
   }
   static {
-    this.properties = { hover: 16, isLoaded: 16, group: 0, user: 0, portal: 0, selected: 7, indeterminate: 7, view: 1, selection: 1, preview: 1, previewed: 5, name: 1, showOwner: 5, showDateUpdated: 5, showDateCreated: 5, showViewableBy: 5, showSummary: 5, showBadges: 5, link: 1, linkHandler: 0, newTab: 5, disabled: 7 };
+    this.properties = { hover: 16, isLoaded: 16, group: 0, user: 0, portal: 0, selected: 7, indeterminate: 7, view: 1, selection: 1, preview: 1, previewed: 5, name: 1, hideOwner: 5, hideDateUpdated: 5, showDateCreated: 5, hideViewableBy: 5, showSummary: 5, hideBadges: 5, link: 1, linkHandler: 0, newTab: 5, disabled: 7 };
   }
   static {
     this.styles = C;
@@ -68,17 +68,17 @@ class B extends w {
     };
   }
   renderCompactBadges(e) {
-    return this.showBadges ? r`<arcgis-portal-group-badges appearance=solid .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>` : null;
+    return this.hideBadges ? null : r`<arcgis-portal-group-badges appearance=solid .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>`;
   }
   renderBadges(e) {
-    return this.showBadges ? r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} width=full class="group-card__badges group-card__badges--responsive group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>` : null;
+    return this.hideBadges ? null : r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} width=full class="group-card__badges group-card__badges--responsive group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>`;
   }
   renderDetails(e, t) {
     return r`<div class="group-card__details">${this.showDateCreated && !!e.created && r`<span class="group-card__detail group-card__divider">${h(this.messages.created ?? "", {
       date: _(e.created, { dateStyle: "medium" })
-    })}</span>` || ""}${this.showDateUpdated && !!e.modified && r`<span class="group-card__detail group-card__divider">${h(this.messages.lastUpdated ?? "", {
+    })}</span>` || ""}${!this.hideDateUpdated && !!e.modified && r`<span class="group-card__detail group-card__divider">${h(this.messages.lastUpdated ?? "", {
       date: _(e.modified, { dateStyle: "medium" })
-    })}</span>` || ""}${this.showViewableBy && r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${t.icon} scale=s></calcite-icon>${h(this.messages.viewableBy ?? "", { level: t.text })}</span>` || ""}${this.renderBadges(e)}</div>`;
+    })}</span>` || ""}${!this.hideViewableBy && r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${t.icon} scale=s></calcite-icon>${h(this.messages.viewableBy ?? "", { level: t.text })}</span>` || ""}${this.renderBadges(e)}</div>`;
   }
   renderListContent(e, t, o) {
     return r`<div class="group-card-flex group-card__top">${this.renderSelectionInput()}<div class="group-card__thumbnail"><arcgis-portal-group-thumbnail .group=${t} .portal=${this.portal} scale=xl></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><div class="group-card-flex"><div class="group-card__content"><h3 class=${g({ "group-card__title": !0, "group-card__title--padded": this.showSummary && !!e.snippet })}><span class="group-card__title__span">${e.title}</span></h3>${this.showSummary && !!e.snippet && r`<p class="group-card__summary">${e.snippet.length > 250 ? `${e.snippet.substring(0, 250)}...` : e.snippet}</p>` || ""}${this.renderDetails(e, o)}<slot name=content-end></slot></div></div></div></div>`;
@@ -148,7 +148,7 @@ class B extends w {
       this.hover = !0;
     }} @mouseout=${() => {
       this.hover = !1;
-    }}>${this.renderListContent(e, n, s)}</div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${this.showOwner && r`<div class="group-card__profile-wrap"><arcgis-portal-user-popup class="group-card__owner" .portal=${this.portal} .username=${e.owner ?? void 0} underline @arcgisUserPopupInternalUIAction=${({ detail: i, stopPropagation: l }) => {
+    }}>${this.renderListContent(e, n, s)}</div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${!this.hideOwner && r`<div class="group-card__profile-wrap"><arcgis-portal-user-popup class="group-card__owner" .portal=${this.portal} .username=${e.owner ?? void 0} underline @arcgisUserPopupInternalUIAction=${({ detail: i, stopPropagation: l }) => {
       l(), this.arcgisGroupBrowserInternalUIAction.emit(i);
     }}></arcgis-portal-user-popup></div>` || ""}</div><div>${this.preview === "action" && r`<calcite-button scale=s .appearance=${u ? "solid" : "outline-fill"} kind=neutral @click=${() => {
       this.arcgisGroupBrowserCardPreview.emit(this.group);

package/dist/components/arcgis-portal-item-actions/customElement.d.ts

@@ -0,0 +1,74 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { FavoriteUpdate } from "../arcgis-portal-item-favorite/utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Dropdown as Dropdown } from "@esri/calcite-components/components/calcite-dropdown";
+
+/** Configurable overflow menu for an item. */
+export abstract class ArcgisPortalItemActions extends LitElement {
+  /** Optional actions to render in the menu. */
+  accessor actions: PortalItemAction[];
+  /** Partial item JSON from search results or a loaded PortalItem instance. */
+  accessor item: PortalItem;
+  /** Optional keyboard handler for the trigger action. */
+  accessor keyHandler: ((e: KeyboardEvent, dropdown: Dropdown) => void) | undefined;
+  /** The more options text used by assistive technology. */
+  accessor label: string;
+  /** @internal */
+  protected messages: {
+      add: string;
+      remove: string;
+  } & T9nMeta<{
+      add: string;
+      remove: string;
+  }>;
+  /** Current Portal instance. */
+  accessor portal: Portal;
+  /** Text for the preview option. */
+  accessor previewText: string | undefined;
+  /**
+   * Allow the user to add and remove from favorites.
+   *
+   * @default false
+   */
+  accessor showFavorite: boolean;
+  /**
+   * Allow the user to open preview from the actions menu.
+   *
+   * @default false
+   */
+  accessor showPreview: boolean;
+  accessor tabIndexOverride: number | undefined;
+  /** Currently signed-in Portal user. */
+  accessor user: PortalUser | undefined;
+  setFocus(): Promise<void>;
+  /** Fires when user clicks an action. */
+  readonly arcgisItemActionClick: import("@arcgis/lumina").TargetedEvent<this, string>;
+  /** Legacy passthrough event retained for compatibility. */
+  readonly arcgisItemActions: import("@arcgis/lumina").TargetedEvent<this, unknown>;
+  /** Fires when user opens the action menu. */
+  readonly arcgisItemActionsOpen: import("@arcgis/lumina").TargetedEvent<this, PortalItemActionsOpenDetail>;
+  /** Fires when user changes the favorite status. */
+  readonly arcgisItemFavoriteUpdate: import("@arcgis/lumina").TargetedEvent<this, FavoriteUpdate>;
+  readonly "@eventTypes": {
+    arcgisItemActionClick: ArcgisPortalItemActions["arcgisItemActionClick"]["detail"];
+    arcgisItemActions: ArcgisPortalItemActions["arcgisItemActions"]["detail"];
+    arcgisItemActionsOpen: ArcgisPortalItemActions["arcgisItemActionsOpen"]["detail"];
+    arcgisItemFavoriteUpdate: ArcgisPortalItemActions["arcgisItemFavoriteUpdate"]["detail"];
+  };
+}
+
+export interface PortalItemAction {
+  action?: () => void;
+  id?: string;
+  link?: string;
+  newTab?: boolean;
+  text: string;
+}
+
+export interface PortalItemActionsOpenDetail {
+  el: Element | HTMLButtonElement;
+}