@arcgis/portal-components 5.2.0-next.134 → 5.2.0-next.136

package/dist/components/arcgis-portal-ai-assistant/customElement.js

@@ -5,16 +5,20 @@ import { css as We, render as Je, html as I } from "lit";
 import { createRef as E, ref as z } from "lit/directives/ref.js";
 import { u as _e } from "../../chunks/useT9n.js";
 import { NodeInterrupt as _, Annotation as h, StateGraph as P, START as G, END as w } from "@langchain/langgraph/web";
-import { sendTraceMessage as p, invokeStructuredPrompt as b, sendUXSuggestion as Y, createAgentRuntimeStateWithSharedState as q, createChatModel as H, getEmbeddings as Ye } from "@arcgis/ai-components/utils/index.js";
+import { invokeStructuredPrompt as b } from "@arcgis/ai-components/orchestrator/models/prompts.js";
+import { sendTraceMessage as p, sendUXSuggestion as Y } from "@arcgis/ai-components/orchestrator/signals.js";
 import i from "zod";
-import { a as He, c as Xe, q as Ze } from "../../chunks/groups.js";
+import { a as Ye, c as He, q as Xe } from "../../chunks/groups.js";
+import { createAgentRuntimeState as q } from "@arcgis/ai-components/orchestrator/state/runtime.js";
 import te from "@arcgis/core/identity/IdentityManager.js";
 import ae from "@arcgis/core/request.js";
-import { a as F, t as et, b as W } from "../../chunks/functionalities.js";
+import { a as F, t as Ze, b as W } from "../../chunks/functionalities.js";
+import { createChatModel as H } from "@arcgis/ai-components/orchestrator/models/chatModel.js";
 import { ChatPromptTemplate as X } from "@langchain/core/prompts";
 import { tool as Te } from "@langchain/core/tools";
-import { s as tt, a as at } from "../../chunks/item.js";
-import { g as nt, e as ot, i as rt, c as it, a as st } from "../../chunks/groups2.js";
+import { s as et, a as tt } from "../../chunks/item.js";
+import { g as at, e as nt, i as ot, c as rt, a as it } from "../../chunks/groups2.js";
+import { getEmbeddings as st } from "@arcgis/ai-components/orchestrator/embeddings/getEmbeddings.js";
 import ct from "@arcgis/core/portal/Portal.js";
 const Ae = (t) => {
   const { portal: e, user: a } = t ?? {};
@@ -90,7 +94,7 @@ Do you want to continue?`, { hitlResponse: s } = e?.configurable ?? {};
   );
   const c = e?.configurable?.context;
   x(c);
-  const { result: l, error: d } = await He(c.portal, a, n);
+  const { result: l, error: d } = await Ye(c.portal, a, n);
   if (d || !l)
     return {
       status: "success",
@@ -180,7 +184,7 @@ Failure reason:
   await p({ text: `Creating group "${a}"...`, agentName: "group-creation" }, e);
   const r = e?.configurable?.context;
   x(r);
-  const { result: s, error: c } = await Xe(r.portal, {
+  const { result: s, error: c } = await He(r.portal, {
     title: a,
     access: "private"
   });
@@ -466,7 +470,7 @@ async function Vt({
   const u = d.data, m = [u], { conversationId: g, inquiryId: f } = u, y = async (M, k) => {
     if (!k)
       return;
-    await et(500);
+    await Ze(500);
     const C = await ae(s, {
       method: "post",
       body: JSON.stringify({ conversationId: g, inquiryId: f, ackSequenceNumber: M }),
@@ -936,7 +940,7 @@ const qe = Te(
     const n = e?.configurable?.context;
     x(n);
     try {
-      return (await Ze(n.portal, { query: `title:${a}`, num: 1 }))?.results[0]?.id || null;
+      return (await Xe(n.portal, { query: `title:${a}`, num: 1 }))?.results[0]?.id || null;
     } catch (o) {
       return console.error("Error searching for portal group by title:", o), null;
     }
@@ -955,7 +959,7 @@ const qe = Te(
       return null;
     const n = e?.configurable?.context;
     x(n);
-    const { result: o, error: r } = await tt(n.portal, a, { num: 1 });
+    const { result: o, error: r } = await et(n.portal, a, { num: 1 });
     return r && console.error("Error searching for portal item by title:", r), o?.results[0]?.id || null;
   },
   {
@@ -1435,7 +1439,7 @@ function De({ timestamp: t, now: e, windowMs: a }) {
 }
 const ya = 720 * 60 * 60 * 1e3;
 function wa(t) {
-  const e = nt(t);
+  const e = at(t);
   return {
     id: t.id ?? "",
     title: t.title ?? "",
@@ -1448,10 +1452,10 @@ function wa(t) {
     modified: t.modified?.getTime(),
     isInvitationOnly: t.isInvitationOnly,
     sourceSignals: {
-      capabilities: st(t),
-      membershipAccess: it(t),
-      isOpenData: rt(t),
-      isDistributedCollaborationGroup: ot(t),
+      capabilities: it(t),
+      membershipAccess: rt(t),
+      isOpenData: ot(t),
+      isDistributedCollaborationGroup: nt(t),
       orgId: e.orgId,
       hiddenMembers: e.hiddenMembers,
       isViewOnly: e.isViewOnly,
@@ -1739,7 +1743,7 @@ Item context:
   await p({ text: `Summarizing item ${a}...`, agentName: "analytics" }, e);
   const n = e?.configurable?.context;
   x(n);
-  const { portal: o, user: r } = n, { result: s, error: c } = await at(r, o, a);
+  const { portal: o, user: r } = n, { result: s, error: c } = await tt(r, o, a);
   if (c || !s)
     return await p({ text: "Failed to get item context for summarization", agentName: "analytics" }, e), {
       status: "success",
@@ -2101,7 +2105,7 @@ function un(t) {
   return typeof n == "string" && typeof o == "string" ? { agentId: n, id: o, payload: r } : void 0;
 }
 async function Oe(t) {
-  return t.length === 0 ? [] : (await ct.getDefault().load(), await Ye(t));
+  return t.length === 0 ? [] : (await ct.getDefault().load(), await st(t));
 }
 const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/components/arcgis-portal-entity-picker/customElement.d.ts

@@ -0,0 +1,87 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalEntityPickerEntityType, PortalEntityPickerMode, PortalEntityPickerSelection } from "../../types/portalEntityPicker.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/**
+ * Search for and select an item, group, or organization member from a portal.
+ *
+ * @slot [list-start] - Content displayed before the search results.
+ */
+export abstract class ArcgisPortalEntityPicker extends LitElement {
+  /** @internal */
+  protected _messages: {
+      clearSelection: string;
+      noGroupsFound: string;
+      noItemsFound: string;
+      noUsersFound: string;
+      searchFailed: string;
+      searchGroups: string;
+      searchItems: string;
+      searchUsers: string;
+      searching: string;
+  } & T9nMeta<{
+      clearSelection: string;
+      noGroupsFound: string;
+      noItemsFound: string;
+      noUsersFound: string;
+      searchFailed: string;
+      searchGroups: string;
+      searchItems: string;
+      searchUsers: string;
+      searching: string;
+  }>;
+  /**
+   * The type of entity to search for.
+   *
+   * @default "group"
+   */
+  accessor entityType: PortalEntityPickerEntityType;
+  /** The icon displayed in the search input. */
+  accessor icon: Icon["icon"] | undefined;
+  /** Overrides for search text and other translated messages. */
+  accessor messageOverrides: {
+      clearSelection?: string | undefined;
+      noGroupsFound?: string | undefined;
+      noItemsFound?: string | undefined;
+      noUsersFound?: string | undefined;
+      searchFailed?: string | undefined;
+      searchGroups?: string | undefined;
+      searchItems?: string | undefined;
+      searchUsers?: string | undefined;
+      searching?: string | undefined;
+  };
+  /**
+   * Whether search results render inline or in a popover.
+   *
+   * @default "inline"
+   */
+  accessor mode: PortalEntityPickerMode;
+  /**
+   * The maximum number of results returned by a search.
+   *
+   * @default 10
+   */
+  accessor num: number;
+  /** The portal whose entities are searched. */
+  accessor portal: Portal;
+  /** An additional Portal query clause applied to searches. */
+  accessor query: string | undefined;
+  /** The currently selected entity. The component does not mutate this property. */
+  accessor selected: PortalEntityPickerSelection | null;
+  /** Sets focus on the search input. */
+  setFocus(): Promise<void>;
+  /**
+   * Opens or closes the results popover when `mode` is `popover`.
+   *
+   * @param open
+   */
+  togglePicker(open: boolean): Promise<void>;
+  /** Emitted when the user requests a selection change. */
+  readonly arcgisSelectionChange: import("@arcgis/lumina").TargetedEvent<this, PortalEntityPickerSelection | null>;
+  readonly "@eventTypes": {
+    arcgisSelectionChange: ArcgisPortalEntityPicker["arcgisSelectionChange"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-entity-picker/customElement.js

@@ -0,0 +1,247 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as y, html as n } from "lit";
+import { keyed as h } from "lit/directives/keyed.js";
+import { LitElement as f, createEvent as v, safeStyleMap as g } from "@arcgis/lumina";
+import { createRef as u, ref as d } from "lit/directives/ref.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { c as b } from "../../chunks/string.js";
+import { s as R } from "../../chunks/dom.js";
+import { a as T } from "../../chunks/portal.js";
+import { r as S } from "../../chunks/request.js";
+import "../arcgis-portal-group-card/customElement.js";
+import "../arcgis-portal-item-card/customElement.js";
+import { S as k } from "../../chunks/utils.js";
+import "../arcgis-portal-user-avatar/customElement.js";
+const w = [
+  "esri_livingatlas",
+  "esri_boundaries",
+  "esri_demographics",
+  "esri_nav",
+  "esri_webstyles"
+];
+function I(o) {
+  return R(o.trim()).replace(/[!*+\-&|()[\]{}^~?:"\\]/gu, "\\$&");
+}
+async function _({
+  portal: o,
+  searchTerm: e,
+  num: t = 100,
+  query: s
+}) {
+  const i = I(e), l = `${T(o)}portals/self/users/search`, r = [i ? `(${i})` : void 0, s?.trim() ? `(${s.trim()})` : void 0];
+  o.isPortal && r.push(...w.map((p) => `-username:${p}`));
+  const a = l.includes("www.arcgis.com") && o.isPortal ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
+  return await S({
+    url: l,
+    portal: o,
+    params: {
+      num: Math.min(Math.max(t, 1), 100),
+      q: r.filter(Boolean).join(" AND "),
+      sortField: "relevance"
+    },
+    options: a
+  });
+}
+function A(...o) {
+  return o.map((e) => e?.trim()).filter((e) => !!e).map((e) => `(${e})`).join(" AND ");
+}
+async function P(o, e, t, s = {}) {
+  const i = Math.min(Math.max(s.num ?? 10, 1), 100);
+  if (e === "user")
+    try {
+      return {
+        result: {
+          entityType: e,
+          result: await _({ portal: o, searchTerm: t, num: i, query: s.query })
+        }
+      };
+    } catch (c) {
+      return console.error(c), { error: { code: "unhandledError" } };
+    }
+  const l = b(t);
+  if (!l)
+    return {};
+  const r = {
+    num: i,
+    query: A(l, s.query)
+  };
+  try {
+    return e === "group" ? { result: { entityType: e, result: await o.queryGroups(r) } } : { result: { entityType: e, result: await o.queryItems(r) } };
+  } catch (c) {
+    return console.error(c), { error: { code: "unhandledError" } };
+  }
+}
+const O = y`:host{display:block;inline-size:100%}.entity-picker{display:flex;flex-direction:column;gap:.5rem;min-inline-size:16rem}.entity-picker__results{max-block-size:22rem;overflow-y:auto}.entity-picker__cards{display:flex;flex-direction:column;gap:.5rem}.entity-picker__status{color:var(--calcite-color-text-3);font-size:.875rem;margin:0;padding:.75rem}.entity-picker__selection{align-items:center;display:flex;gap:.5rem}.entity-picker__selection-label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-picker__input{inline-size:100%}`;
+class F extends f {
+  constructor() {
+    super(...arguments), this._messages = $({ blocking: !0, name: "portal-entity-picker" }), this.inputRef = u(), this.inputContainerRef = u(), this.resizeObserver = null, this.searchId = 0, this.searchTerm = "", this.isSearching = !1, this.searchFailed = !1, this.popoverOpen = !1, this.popoverWidth = 0, this.entityType = "group", this.mode = "inline", this.selected = null, this.num = 10, this.arcgisSelectionChange = v();
+  }
+  static {
+    this.properties = { searchTerm: 16, isSearching: 16, searchFailed: 16, searchResult: 16, popoverOpen: 16, popoverWidth: 16, portal: 0, entityType: 1, mode: 1, selected: 0, query: 1, num: 9, icon: 1, messageOverrides: 0 };
+  }
+  static {
+    this.styles = O;
+  }
+  get searchLabel() {
+    const { entityType: e, _messages: t } = this;
+    return e === "group" ? t.searchGroups : e === "item" ? t.searchItems : t.searchUsers;
+  }
+  get selectedLabel() {
+    const { entityType: e, selected: t } = this;
+    if (t?.entityType === e)
+      return t.entityType === "user" ? t.entity.fullName || t.entity.username : t.entity.title || t.entity.id || void 0;
+  }
+  async togglePicker(e) {
+    this.mode === "popover" && (this.popoverOpen = e, await this.updateComplete, await this.setFocus());
+  }
+  async setFocus() {
+    await this.inputRef.value?.setFocus();
+  }
+  firstUpdated() {
+    this.updatePopoverWidth(), !(typeof ResizeObserver > "u" || !this.inputContainerRef.value) && (this.resizeObserver = new ResizeObserver(() => this.updatePopoverWidth()), this.resizeObserver.observe(this.inputContainerRef.value));
+  }
+  willUpdate(e) {
+    (e.has("portal") || e.has("entityType") || e.has("query") || e.has("num")) && this.resetSearch(), e.has("mode") && this.mode === "inline" && (this.popoverOpen = !1);
+  }
+  disconnectedCallback() {
+    this.cancelPendingSearch(), this.resizeObserver?.disconnect(), this.resizeObserver = null, super.disconnectedCallback();
+  }
+  updatePopoverWidth() {
+    requestAnimationFrame(() => {
+      this.popoverWidth = this.inputContainerRef.value?.offsetWidth ?? 0;
+    });
+  }
+  cancelPendingSearch() {
+    return this.debounceId !== void 0 && (window.clearTimeout(this.debounceId), this.debounceId = void 0), this.searchId += 1, this.searchId;
+  }
+  resetSearch() {
+    this.cancelPendingSearch(), this.searchTerm = "", this.isSearching = !1, this.searchFailed = !1, this.searchResult = void 0, this.popoverOpen = !1;
+  }
+  scheduleSearch(e) {
+    const t = e.trim(), s = this.cancelPendingSearch();
+    if (this.searchFailed = !1, this.searchResult = void 0, !t) {
+      this.isSearching = !1, this.popoverOpen = !1;
+      return;
+    }
+    this.isSearching = !0, this.mode === "popover" && (this.popoverOpen = !0), this.debounceId = window.setTimeout(() => {
+      this.debounceId = void 0, this.search(t, s);
+    }, k);
+  }
+  async search(e, t) {
+    const { entityType: s, num: i, portal: l, query: r } = this;
+    try {
+      const { error: c, result: a } = await P(l, s, e, { num: i, query: r });
+      if (t !== this.searchId)
+        return;
+      this.searchFailed = !!c, this.searchResult = a;
+    } catch {
+      if (t !== this.searchId)
+        return;
+      this.searchFailed = !0, this.searchResult = void 0;
+    } finally {
+      t === this.searchId && (this.isSearching = !1);
+    }
+  }
+  emitSelection(e) {
+    this.arcgisSelectionChange.emit(e), this.mode === "popover" && this.togglePicker(!1);
+  }
+  getFocusableResults() {
+    const e = Array.from(this.renderRoot.querySelector('slot[name="list-start"]')?.assignedElements({ flatten: !0 }) ?? []).filter((s) => s instanceof HTMLElement && (s.tagName === "CALCITE-LIST-ITEM" || s.tabIndex >= 0)), t = Array.from(this.renderRoot.querySelectorAll("calcite-list-item, arcgis-portal-group-card, arcgis-portal-item-card"));
+    return [...e, ...t];
+  }
+  async focusResult(e) {
+    if (e.tagName === "CALCITE-LIST-ITEM") {
+      await e.setFocus();
+      return;
+    }
+    if (e.tagName === "ARCGIS-PORTAL-GROUP-CARD") {
+      await e.restoreFocus();
+      return;
+    }
+    if (e.tagName === "ARCGIS-PORTAL-ITEM-CARD") {
+      await e.restoreFocus();
+      return;
+    }
+    e.focus();
+  }
+  async focusResultAt(e) {
+    const t = this.getFocusableResults();
+    if (!t.length)
+      return;
+    const s = (e + t.length) % t.length;
+    await this.focusResult(t[s]);
+  }
+  handleResultsKeyDown(e) {
+    const t = this.getFocusableResults(), s = e.composedPath(), i = t.findIndex((r) => s.includes(r));
+    if (i === -1)
+      return;
+    if (this.mode === "inline" && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      e.preventDefault(), this.focusResultAt(i + (e.key === "ArrowDown" ? 1 : -1));
+      return;
+    }
+    const l = t[i];
+    if (l.tagName === "ARCGIS-PORTAL-GROUP-CARD" && (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      const { group: r } = l;
+      this.emitSelection({ entityType: "group", entity: r });
+      return;
+    }
+    if (l.tagName === "ARCGIS-PORTAL-ITEM-CARD" && (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      const { item: r } = l;
+      this.emitSelection({ entityType: "item", entity: r });
+    }
+  }
+  renderGroup(e) {
+    return h(e.id, n`<calcite-list-item .label=${e.title || e.id || ""} .description=${[e.owner, e.access].filter(Boolean).join(" · ")} .selected=${this.selected?.entityType === "group" && this.selected.entity.id === e.id} @calciteListItemSelect=${() => this.emitSelection({ entityType: "group", entity: e })}><calcite-avatar slot=content-start .fullName=${e.title ?? void 0} .thumbnail=${e.thumbnailUrl ?? void 0} scale=m></calcite-avatar></calcite-list-item>`);
+  }
+  renderInlineGroup(e) {
+    return h(e.id, n`<arcgis-portal-group-card .group=${e} .portal=${this.portal} .selected=${this.selected?.entityType === "group" && this.selected.entity.id === e.id} selection=none show-summary .user=${this.portal.user ?? void 0} view=compact></arcgis-portal-group-card>`);
+  }
+  renderItem(e) {
+    return h(e.id, n`<calcite-list-item .label=${e.title || e.id || ""} .description=${[e.type, e.owner].filter(Boolean).join(" · ")} .selected=${this.selected?.entityType === "item" && this.selected.entity.id === e.id} @calciteListItemSelect=${() => this.emitSelection({ entityType: "item", entity: e })}><calcite-avatar slot=content-start .fullName=${e.title ?? void 0} .thumbnail=${e.thumbnailUrl ?? void 0} scale=m></calcite-avatar></calcite-list-item>`);
+  }
+  renderInlineItem(e) {
+    return h(e.id, n`<arcgis-portal-item-card .item=${e} .portal=${this.portal} .selected=${this.selected?.entityType === "item" && this.selected.entity.id === e.id} selection=none show-summary .user=${this.portal.user ?? void 0} view=list></arcgis-portal-item-card>`);
+  }
+  renderUser(e) {
+    return h(e.username, n`<calcite-list-item .label=${e.fullName || e.username} .description=${e.username} .selected=${this.selected?.entityType === "user" && this.selected.entity.username === e.username} @calciteListItemSelect=${() => this.emitSelection({ entityType: "user", entity: e })}><arcgis-portal-user-avatar slot=content-start .portal=${this.portal} .user=${e} scale=m></arcgis-portal-user-avatar></calcite-list-item>`);
+  }
+  renderSearchResults() {
+    const { entityType: e, isSearching: t, searchFailed: s, searchResult: i, searchTerm: l, _messages: r } = this;
+    if (!l.trim())
+      return null;
+    if (t)
+      return n`<div role=status><calcite-loader .label=${r.searching} scale=s></calcite-loader></div>`;
+    if (s)
+      return n`<p class="entity-picker__status" role=alert>${r.searchFailed}</p>`;
+    if (!(i?.result.results ?? []).length) {
+      const a = e === "group" ? r.noGroupsFound : e === "item" ? r.noItemsFound : r.noUsersFound;
+      return n`<p class="entity-picker__status" role=status>${a}</p>`;
+    }
+    return this.mode === "inline" && i?.entityType === "group" ? n`<div class="entity-picker__cards"><slot name=list-start></slot>${i.result.results.map((a) => this.renderInlineGroup(a))}</div>` : this.mode === "inline" && i?.entityType === "item" ? n`<div class="entity-picker__cards"><slot name=list-start></slot>${i.result.results.map((a) => this.renderInlineItem(a))}</div>` : n`<calcite-list interaction-mode=interactive .label=${this.searchLabel} selection-mode=none><slot name=list-start></slot>${i?.entityType === "group" ? i.result.results.map((a) => this.renderGroup(a)) : i?.entityType === "item" ? i.result.results.map((a) => this.renderItem(a)) : i?.result.results.map((a) => this.renderUser(a))}</calcite-list>`;
+  }
+  renderPicker(e = !0) {
+    return n`<div class="entity-picker">${this.selectedLabel && n`<div class="entity-picker__selection"><span class="entity-picker__selection-label">${this.selectedLabel}</span><calcite-button appearance=transparent icon-start=x kind=neutral .label=${this._messages.clearSelection} @click=${() => this.arcgisSelectionChange.emit(null)} scale=s></calcite-button></div>` || ""}<div class="entity-picker__input" ${d(this.inputContainerRef)}><calcite-input .icon=${this.icon} .label=${this.searchLabel} .placeholder=${this.searchLabel} .value=${this.searchTerm} @click=${() => {
+      this.mode === "popover" && this.searchTerm.trim() && (this.popoverOpen = !0);
+    }} @keydown=${(t) => {
+      (t.key === "ArrowDown" || t.key === "ArrowUp") && this.searchResult?.result.results.length && (t.preventDefault(), this.focusResultAt(t.key === "ArrowDown" ? 0 : -1));
+    }} @focus=${() => {
+      this.mode === "popover" && this.searchTerm.trim() && (this.popoverOpen = !0);
+    }} @calciteInputInput=${(t) => {
+      this.searchTerm = t.target.value, this.scheduleSearch(this.searchTerm);
+    }} ${d(this.inputRef)}></calcite-input></div>${e && n`<div class="entity-picker__results" @keydown=${this.handleResultsKeyDown}>${this.renderSearchResults()}</div>` || ""}</div>`;
+  }
+  render() {
+    return this.mode === "inline" ? this.renderPicker() : n`${this.renderPicker(!1)}<calcite-popover .label=${this.searchLabel} .open=${this.popoverOpen} placement=bottom-start .referenceElement=${this.inputContainerRef.value} trigger-disabled @calcitePopoverClose=${(e) => {
+      !e.target.open && this.popoverOpen && (this.popoverOpen = !1, requestAnimationFrame(() => {
+        this.setFocus();
+      }));
+    }}><div class="entity-picker__results" style=${g({ inlineSize: this.popoverWidth ? `${this.popoverWidth}px` : void 0 })}>${this.renderSearchResults()}</div></calcite-popover>`;
+  }
+}
+m("arcgis-portal-entity-picker", F);
+export {
+  F as ArcgisPortalEntityPicker
+};

package/dist/components/arcgis-portal-entity-picker/index.d.ts

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

package/dist/components/arcgis-portal-entity-picker/index.js

@@ -0,0 +1,11 @@
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-avatar";
+import "../arcgis-portal-group-card/index.js";
+import "../arcgis-portal-item-card/index.js";
+import "../arcgis-portal-user-avatar/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-popover";
+export * from "./customElement.js";

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

@@ -6,7 +6,7 @@ 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 { u as R } from "../../chunks/useT9n.js";
 import { a as $, i as w } from "../../chunks/functionalities.js";
-import { c as z, a as T } from "../../chunks/string.js";
+import { a as z, b as T } from "../../chunks/string.js";
 import { i as H } from "../../chunks/users.js";
 import "../arcgis-portal-browser-search/customElement.js";
 import "../arcgis-portal-browser-top-bar/customElement.js";

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as v } from "../../chunks/runtime.js";
+import { c as b } from "../../chunks/runtime.js";
 import { substitute as h, formatDate as _ } from "@arcgis/core/intl.js";
-import { LitElement as b, createEvent as m, safeClassMap as g, nothing as p } from "@arcgis/lumina";
+import { LitElement as v, createEvent as m, safeClassMap as g, nothing as p } 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";
 const C = 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 B extends b {
+class B extends v {
   constructor() {
     super(...arguments), this.messages = x({ blocking: !0 }), this.sectionEl = $(), this.handleCardClick = (e) => {
       if (!(this.link || this.disabled || e?.target?.closest(".group-card__footer"))) {
@@ -43,7 +43,7 @@ class B extends b {
       this.renderRoot.querySelector(".group-card__upper")?.focus();
       return;
     }
-    this.preview === "top" && this.sectionEl.value && this.sectionEl.value.focus();
+    this.sectionEl.value?.focus();
   }
   connectedCallback() {
     super.connectedCallback(), window.addEventListener("resize", this.syncBadgeLayout);
@@ -90,7 +90,7 @@ class B extends b {
     return {
       id: e.id ?? "",
       title: e.title ?? "",
-      thumbnail: k(e).thumbnail,
+      thumbnail: k(e)?.thumbnail,
       thumbnailUrl: e.thumbnailUrl ?? void 0
     };
   }
@@ -139,7 +139,7 @@ class B extends b {
       "group-card--selected": u,
       "group-card--disabled": d,
       "group-card--loaded": i
-    })} @click=${o ? void 0 : s} @mouseover=${() => {
+    })} tabindex=-1 @click=${o ? void 0 : s} @mouseover=${() => {
       this.hover = !0;
     }} @mouseout=${() => {
       this.hover = !1;
@@ -187,7 +187,7 @@ class B extends b {
     }}><slot name=actions-end></slot></div></div></div></section>`;
   }
 }
-v("arcgis-portal-group-card", B);
+b("arcgis-portal-group-card", B);
 export {
   B as ArcgisPortalGroupCard
 };

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

@@ -0,0 +1,20 @@
+/// <reference path="../../index.d.ts" />
+import type { PortalEntityPickerSelection } from "../../types/portalEntityPicker.js";
+import type { ArcgisPortalEntityPicker } from "../arcgis-portal-entity-picker/customElement.js";
+
+/**
+ * Search for and select a group from a portal.
+ *
+ * @slot [list-start] - Content displayed before the search results.
+ */
+export abstract class ArcgisPortalGroupPicker extends ArcgisPortalEntityPicker {
+  /** The type of entity to search for. */
+  get entityType(): "group";
+  /** The currently selected group. The component does not mutate this property. */
+  accessor selected: PortalGroupPickerSelection | null;
+  readonly "@eventTypes": {
+    arcgisSelectionChange: ArcgisPortalGroupPicker["arcgisSelectionChange"]["detail"];
+  };
+}
+
+export type PortalGroupPickerSelection = Extract<PortalEntityPickerSelection, { entityType: "group"; }>;

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

@@ -0,0 +1,15 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { ArcgisPortalEntityPicker as r } from "../arcgis-portal-entity-picker/customElement.js";
+class e extends r {
+  constructor() {
+    super(...arguments), this.entityType = "group", this.selected = null;
+  }
+  static {
+    this.properties = { entityType: 32, selected: 0 };
+  }
+}
+t("arcgis-portal-group-picker", e);
+export {
+  e as ArcgisPortalGroupPicker
+};

package/dist/components/arcgis-portal-group-picker/index.d.ts

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

package/dist/components/arcgis-portal-group-picker/index.js

@@ -0,0 +1,2 @@
+import "../arcgis-portal-entity-picker/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-item-actions/customElement.js

@@ -7,7 +7,7 @@ import { css as g, html as h } from "lit";
 import { createRef as m, ref as v } from "lit/directives/ref.js";
 import { u as F } from "../../chunks/useT9n.js";
 import { t as $ } from "../../chunks/functionalities.js";
-import { g as I, i as b, t as y } from "../../chunks/utils.js";
+import { g as I, i as b, t as y } from "../../chunks/utils2.js";
 const k = g`:host{display:inline-flex}.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}`;
 class x extends u {
   constructor() {