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

package/dist/components/arcgis-portal-item-card-sublayer-select/customElement.js

@@ -0,0 +1,352 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as A } from "../../chunks/runtime.js";
+import { formatNumber as L } from "@arcgis/core/intl.js";
+import { LitElement as x, createEvent as y, nothing as q } from "@arcgis/lumina";
+import { css as N, html as u } from "lit";
+import { createRef as R, ref as G } from "lit/directives/ref.js";
+import { u as U } from "../../chunks/useT9n.js";
+import { j as g } from "../../chunks/item2.js";
+import { b, g as O } from "../../chunks/items.js";
+import { g as P } from "../../chunks/utils3.js";
+import { r as k, i as j, c as B, f as D } from "../../chunks/request.js";
+import { isAbortError as M } from "@arcgis/core/core/promiseUtils.js";
+import { log as J } from "@arcgis/toolkit/log";
+import { g as T, b as F } from "../../chunks/portal.js";
+const z = N`:host,.dropdown{display:block}.title{max-inline-size:32rem;overflow-wrap:anywhere}.dropdown-group{max-block-size:10rem;overflow:auto}calcite-alert{--calcite-z-index-toast: 999;z-index:999}`;
+function p(e, s, t) {
+  if (e.id === void 0)
+    throw new Error("The service layer has no ID.");
+  return {
+    description: e.description,
+    fieldAliases: e.fields?.map((i) => i.alias ?? ""),
+    fields: e.fields,
+    geometryType: t ? "table" : e.geometryType,
+    id: e.id,
+    title: e.name || e.title || "",
+    type: e.type,
+    matched: s?.find((i) => i.id === e.id)?.matched,
+    sourceJSON: e
+  };
+}
+async function S(e, s, t, i, r) {
+  const a = s.portalMode === "multitenant", l = new URL(T(s)).hostname, o = e.includes(".arcgis.com/"), n = ["//services", "//tiles", "//features", "//locationservices"].some(
+    (h) => e.includes(h)
+  ), d = s.supportsHostedServices && e.includes(l) && a;
+  return await k({
+    url: e,
+    portal: s,
+    method: "post",
+    options: {
+      useProxy: !1,
+      timeout: a ? 5e3 : 6e4,
+      addSSL: o && n || !o && d,
+      ...t ? {} : { addTokenManually: !1 },
+      disableIdentityLookup: !1,
+      signal: r
+    }
+  });
+}
+function $(e) {
+  if (typeof e != "object" || e === null)
+    return;
+  if ("code" in e && typeof e.code == "number")
+    return e.code;
+  const s = "details" in e ? e.details : void 0, t = typeof s == "object" && s !== null && "raw" in s ? s.raw : void 0;
+  return typeof t == "object" && t !== null && "code" in t && typeof t.code == "number" ? t.code : void 0;
+}
+function C(e) {
+  return typeof e == "object" && e !== null && "message" in e && typeof e.message == "string" ? e.message : void 0;
+}
+function H(e) {
+  return [404, 500].includes($(e) ?? 0) || C(e) === "Invalid URL";
+}
+function _(e, s, t) {
+  const i = $(s), r = C(s);
+  return !e && (i === 499 && (r === "Token Required" || r === "Token required.") || i === 403 || i === 498 && r === "Invalid Token") && !!t.user;
+}
+function w(e, s, t, i) {
+  const r = t?.tables, a = !!t?.layers?.length || !!r, l = [...t?.layers ?? [], ...t?.tables ?? []].map((o) => o.id);
+  return (e ?? []).filter(({ id: o, type: n }) => !a || n === "Table" && !r || l.includes(o)).map((o) => p(o, s, i));
+}
+async function K({
+  serviceInfo: e,
+  item: s,
+  portal: t,
+  layers: i,
+  isSecure: r,
+  allowLoginWindow: a,
+  data: l,
+  signal: o
+}) {
+  if (!e.layers?.length && !e.tables?.length && e.fields)
+    return { result: { sublayers: [p(e, i)], serviceInfo: e } };
+  try {
+    const n = await S(
+      `${s.url}/layers`,
+      t,
+      r,
+      a,
+      o
+    );
+    return {
+      result: {
+        sublayers: [
+          ...w(n.layers, i, l),
+          ...w(n.tables, i, l, !0)
+        ].sort((d, c) => d.id - c.id),
+        serviceInfo: e
+      }
+    };
+  } catch {
+    return { error: { code: "unhandledError" } };
+  }
+}
+async function W(e, s, t) {
+  try {
+    const i = new URL(`${T(s)}content/items/${e.id}/data`);
+    i.searchParams.set("f", "json");
+    const r = F(s);
+    r && i.searchParams.set("token", r);
+    const l = await (await fetch(i, { signal: t })).text();
+    return l ? JSON.parse(l) : void 0;
+  } catch (i) {
+    if (t?.aborted || M(i))
+      throw i;
+    J("warn", "portal.services.layers", "Unable to read optional item data; loading the service directly.", {
+      detail: { error: i }
+    });
+    return;
+  }
+}
+async function I({
+  item: e,
+  portal: s,
+  layers: t,
+  isSecure: i = !1,
+  data: r,
+  allowLoginWindow: a,
+  retry: l,
+  signal: o
+}) {
+  try {
+    const n = r ?? (l ? void 0 : await W(e, s, o));
+    if (n?.error?.code === 403 && n.error.messageCode === "SB_0006")
+      return { error: { code: "serviceNotExist" } };
+    if (e.type === "Feature Collection" && n?.layers)
+      return {
+        result: {
+          sublayers: n.layers.map(({ layerDefinition: d }, c) => {
+            if (!d)
+              throw new Error("A feature collection layer has no layer definition.");
+            return {
+              ...p({ ...d, id: c }),
+              description: "",
+              matched: !1,
+              sourceJSON: void 0
+            };
+          })
+        }
+      };
+    try {
+      if (!e.url)
+        throw new Error("Invalid URL");
+      const d = await S(e.url, s, i, a, o), c = await K({
+        serviceInfo: d,
+        item: e,
+        portal: s,
+        layers: t,
+        isSecure: i,
+        allowLoginWindow: a,
+        data: n,
+        signal: o
+      });
+      return b(e).includes("SubtypeGroupLayer") && c.result && n?.layers?.length && (c.result.sublayers = c.result.sublayers.flatMap((h) => {
+        const m = n?.layers?.find(({ id: f }) => f === h.id);
+        return m?.layerType === "SubtypeGroupLayer" && m.layers?.length ? [
+          h,
+          ...m.layers.map((f) => ({
+            ...p(f),
+            // use the parent layer as the geometry type
+            geometryType: h.geometryType
+          }))
+        ] : [h];
+      })), c;
+    } catch (d) {
+      return !o?.aborted && _(i, d, s) ? await I({ item: e, portal: s, layers: t, data: n, isSecure: !0, allowLoginWindow: a, signal: o }) : { error: { code: H(d) ? "serviceNotExist" : "unhandledError" } };
+    }
+  } catch {
+    return { error: { code: "unhandledError" } };
+  }
+}
+const Q = {
+  esriGeometryPoint: "point",
+  esriGeometryPolyline: "polyline",
+  esriGeometryPolygon: "polygon",
+  esriGeometryMultipoint: "multipoint"
+};
+function E(e) {
+  return {
+    id: e.id,
+    title: e.title,
+    description: e.description ?? "",
+    fieldAliases: Array.isArray(e.fieldAliases) ? e.fieldAliases.join(",") : e.fieldAliases ?? "",
+    geometryType: !e.geometryType || e.geometryType === "table" ? "nonspatial" : Q[e.geometryType] ?? "nonspatial",
+    sourceJSON: e.sourceJSON
+  };
+}
+function v(e) {
+  let s;
+  const t = typeof e == "object" && e !== null && "details" in e ? e.details : void 0, i = typeof t == "object" && t !== null && "raw" in t ? t.raw : void 0;
+  for (const r of [e, t, i])
+    typeof r != "object" || r === null || "messageCode" in r && typeof r.messageCode == "string" && (s = r.messageCode);
+  return { error: { code: s === "OAUTH_0070" ? "notebookAccessBlocked" : "serviceUnavailable" } };
+}
+function V(e) {
+  return g(e) || !e.id ? void 0 : j("serviceInfo", e.id)?.result?.sublayers.map(E);
+}
+function X(e) {
+  e.id && B("serviceInfo", e.id);
+}
+async function Y({
+  item: e,
+  portal: s,
+  signal: t
+}) {
+  try {
+    if (t.throwIfAborted(), g(e)) {
+      if (!e.url)
+        throw new Error("The geoprocessing item has no service URL.");
+      const r = await k({
+        url: e.url,
+        portal: s,
+        options: { signal: t, addTokenManually: !1 }
+      }), a = r.tasks ?? (r.parameters ? [e.url.split("/GPServer/").pop() ?? ""] : void 0);
+      if (!a)
+        throw new Error("The geoprocessing service did not return tasks.");
+      return { result: { tasks: a } };
+    }
+    if (!e.id)
+      throw new Error("The item has no ID.");
+    const i = await D({
+      requester: async () => await I({ item: e, portal: s, isSecure: !1, allowLoginWindow: !0 }),
+      key: "serviceInfo",
+      id: e.id
+    });
+    return t.throwIfAborted(), i.result ? { result: { sublayers: i.result.sublayers.map(E) } } : v(i.error);
+  } catch (i) {
+    return v(i);
+  }
+}
+class Z extends x {
+  constructor() {
+    super(...arguments), this.messages = U({ blocking: !0 }), this.dropdown = R(), this.selectedEntries = [], this.loading = !1, this.fetched = !1, this.selectedItems = [], this.allowedGeometries = [], this.width = "auto", this.appearance = "outline", this.selection = "single", this.disabled = !1, this.arcgisItemCardSelect = y(), this.arcgisItemCardSelectError = y();
+  }
+  static {
+    this.properties = { sublayers: 16, tasks: 16, loading: 16, fetched: 16, error: 16, item: 0, portal: 0, selectedItems: 0, allowedGeometries: 0, width: 1, appearance: 1, selection: 1, disabled: 7, messageOverrides: 0 };
+  }
+  static {
+    this.styles = z;
+  }
+  get isTask() {
+    return g(this.item);
+  }
+  get sortedSublayers() {
+    return [...this.sublayers ?? []].sort((s, t) => Number(this.isAllowed(t)) - Number(this.isAllowed(s)) || t.id - s.id);
+  }
+  get selectText() {
+    const s = this.selectedEntries, { messages: t } = this;
+    if (this.isTask) {
+      const r = s[0];
+      return s.length === 1 && r && "task" in r ? t.selectedTask.replace("${task}", r.task) : t.selectTask;
+    }
+    if (!s.length && !this.sublayers?.length)
+      return this.isSelected() ? t.selectedSingle : t.select;
+    if (!s.length)
+      return this.selection === "multiple" ? t.selectLayers : t.select;
+    if (this.selection === "multiple")
+      return t.selectedLayers.replace("${num}", L(s.length));
+    const i = s[0];
+    return i && "sublayer" in i ? t.selectedName.replace("${name}", i.sublayer.title) : t.select;
+  }
+  willUpdate(s) {
+    if (s.has("disabled") && this.disabled && (this.requestController?.abort(), this.loading = !1, this.dropdown.value && (this.dropdown.value.open = !1)), (s.has("item") || s.has("selectedItems")) && (this.selectedEntries = this.selectedItems.filter((t) => "item" in t && t.item.id === this.item?.id)), (s.has("item") || s.has("portal")) && (this.requestController?.abort(), this.sublayers = this.item ? O(this.item).sublayers : void 0, this.tasks = void 0, this.loading = !1, this.fetched = !1, this.error = void 0, this.item && !this.sublayers)) {
+      const t = V(this.item);
+      t && (this.sublayers = t, this.fetched = !0);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.requestController?.abort(), this.loading = !1;
+  }
+  isSelected(s, t) {
+    return this.selectedItems.some((i) => "item" in i ? i.item.id === this.item.id && (s ? "sublayer" in i && i.sublayer.id === s.id : t !== void 0 && "task" in i && i.task === t) : !s && t === void 0 && i.id === this.item.id);
+  }
+  isAllowed(s) {
+    return !this.allowedGeometries.length || this.allowedGeometries.includes(s.geometryType);
+  }
+  select(s, t, i = this.selection === "single" || !this.isSelected(s, t)) {
+    this.disabled || (this.arcgisItemCardSelect.emit({
+      item: this.item,
+      ...s ? { sublayer: s } : {},
+      ...t !== void 0 ? { task: t } : {},
+      selected: i
+    }), this.requestUpdate(), this.reconcileSelection());
+  }
+  async reconcileSelection() {
+    await this.updateComplete;
+    const s = this.sortedSublayers;
+    this.dropdown.value?.querySelectorAll("calcite-dropdown-item").forEach((t, i) => {
+      t.selected = this.isTask ? this.isSelected(void 0, this.tasks?.[i]) : this.isSelected(s[i]);
+    });
+  }
+  async handleTrigger(s = !1) {
+    if (this.loading || this.disabled)
+      return;
+    this.requestController?.abort();
+    const t = new AbortController();
+    this.requestController = t;
+    const { item: i, portal: r } = this, a = () => !t.signal.aborted && this.item === i && this.portal === r && this.el.isConnected, l = s || !this.fetched && (this.isTask || !this.sublayers && this.item.type !== "Image Service" || b(this.item).includes("SubtypeGroupLayer"));
+    if (l) {
+      s && (X(i), this.fetched = !1), this.loading = !0, this.error = void 0;
+      const n = await Y({ item: i, portal: r, signal: t.signal });
+      if (!a())
+        return;
+      if (this.loading = !1, n.error || !n.result) {
+        this.error = n.error ?? { code: "serviceUnavailable" }, this.arcgisItemCardSelectError.emit({ item: i, error: this.error });
+        return;
+      }
+      if (this.sublayers = n.result.sublayers, this.tasks = n.result.tasks, this.fetched = !0, await this.updateComplete, !a())
+        return;
+    }
+    if (l && this.isTask && this.tasks?.length === 1) {
+      this.dropdown.value && (this.dropdown.value.open = !1), this.select(void 0, this.tasks[0], !0);
+      return;
+    }
+    if (!this.isTask && !this.sublayers?.length) {
+      s || this.select(void 0, void 0, !this.isSelected());
+      return;
+    }
+    const o = this.dropdown.value;
+    o && (await o.componentOnReady(), a() && (o.open = l || !o.open));
+  }
+  renderButton(s) {
+    return u`<calcite-button slot=${(s ? "trigger" : void 0) ?? q} class="dropdown" .loading=${this.loading} .disabled=${this.loading || this.disabled} .appearance=${this.selectedEntries.length || this.isSelected() ? "solid" : this.appearance} kind=neutral .iconEnd=${s ? "chevron-down" : void 0} .width=${this.width} @click=${(t) => {
+      t.stopPropagation(), this.handleTrigger();
+    }}>${this.selectText}</calcite-button>`;
+  }
+  render() {
+    if (!this.item || !this.portal || !this.messages._lang)
+      return null;
+    const s = this.sortedSublayers;
+    return u`${s.length || this.isTask ? u`<calcite-dropdown class="dropdown" width=l .placement=${this.appearance === "solid" ? "top" : "bottom-end"} .closeOnSelectDisabled=${!this.isTask && this.selection === "multiple"} overlay-positioning=fixed ${G(this.dropdown)}>${this.renderButton(!0)}<calcite-dropdown-group class="dropdown-group" .selectionMode=${this.selection} .groupTitle=${this.isTask && this.tasks?.length ? this.messages.selectTaskFrom.replace("${title}", this.item.title ?? "") : void 0}>${this.isTask ? this.tasks?.map((t) => u`<calcite-dropdown-item .disabled=${this.disabled} .selected=${this.isSelected(void 0, t)} @calciteDropdownItemSelect=${() => this.select(void 0, t)}><span class="title">${t}</span></calcite-dropdown-item>`) : s.map((t) => u`<calcite-dropdown-item .id=${`sublayer-${t.id}`} .iconStart=${P({ geometry: t.geometryType }).icon} .disabled=${this.disabled || !this.isAllowed(t)} .selected=${this.isSelected(t)} @calciteDropdownItemSelect=${() => {
+      this.isAllowed(t) && this.select(t);
+    }}><span class="title">${t.title}</span></calcite-dropdown-item>${!this.isAllowed(t) && u`<calcite-tooltip .referenceElement=${`sublayer-${t.id}`} overlay-positioning=fixed>${this.messages.geometryNotAllowed}</calcite-tooltip>` || ""}`)}</calcite-dropdown-group></calcite-dropdown>` : this.renderButton(!1)}<calcite-alert .label=${this.messages.errorTitle} icon kind=danger .open=${!!this.error} @calciteAlertClose=${() => {
+      this.error = void 0;
+    }}><div slot=title>${this.messages.errorTitle}</div><div slot=message>${this.error?.code === "notebookAccessBlocked" ? this.messages.notebookErrorBody : this.messages.errorBody}</div><calcite-link slot=link @click=${(t) => {
+      t.stopPropagation(), this.handleTrigger(!0);
+    }}>${this.messages.retry}</calcite-link></calcite-alert>`;
+  }
+}
+A("arcgis-portal-item-card-sublayer-select", Z);
+export {
+  Z as ArcgisPortalItemCardSublayerSelect
+};

package/dist/components/arcgis-portal-item-card-sublayer-select/index.d.ts

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

package/dist/components/arcgis-portal-item-card-sublayer-select/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-link";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-item-card-sublayer-select/types.d.ts

@@ -0,0 +1,22 @@
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type { SearchResultSublayer } from "../../types/item.js";
+
+export type PortalItemCardSelectedItem = PortalItem | {
+    item: PortalItem;
+    sublayer: SearchResultSublayer;
+} | {
+    item: PortalItem;
+    task: string;
+};
+
+export interface PortalItemCardSublayerSelectDetail {
+  item: PortalItem;
+  sublayer?: SearchResultSublayer;
+  task?: string;
+  selected: boolean;
+}
+
+export interface PortalItemCardSelectErrorDetail {
+  item: PortalItem;
+  error: unknown;
+}

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

@@ -0,0 +1,113 @@
+/// <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 { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalGroupSourceJSON } from "../../types/group.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { Tooltip as Tooltip } from "@esri/calcite-components/components/calcite-tooltip";
+
+/**
+ * Read-only sharing summary, also reusable as the UI of a sharing workflow.
+ *
+ * @slot [tooltip-header-end] - Content at the end of the sharing tooltip header.
+ */
+export abstract class ArcgisPortalItemShareSummary extends LitElement {
+  /**
+   * Automatically fetches omitted groups, including when the item or portal changes.
+   *
+   * @default false
+   */
+  accessor autoFetchGroups: boolean;
+  /** List of current user's groups the item is shared to. */
+  accessor groups: string[] | undefined;
+  /** Item whose sharing status you'd like to show, can be a search result or a PortalItem instance. */
+  accessor item: PortalItem;
+  /** Overrides the component's localized messages. */
+  accessor messageOverrides: {
+      sharing?: string | undefined;
+      private?: string | undefined;
+      shared?: string | undefined;
+      org?: string | undefined;
+      public?: string | undefined;
+      privateGroups?: string | undefined;
+      sharedGroups?: string | undefined;
+      orgGroups?: string | undefined;
+      publicGroups?: string | undefined;
+      groups?: string | undefined;
+      updateSharing?: string | undefined;
+      viewableBy?: string | undefined;
+      everyone?: string | undefined;
+      organization?: string | undefined;
+      groupMembers?: string | undefined;
+  };
+  /** @internal */
+  protected messages: {
+      sharing: string;
+      private: string;
+      shared: string;
+      org: string;
+      public: string;
+      privateGroups: string;
+      sharedGroups: string;
+      orgGroups: string;
+      publicGroups: string;
+      groups: string;
+      updateSharing: string;
+      viewableBy: string;
+      everyone: string;
+      organization: string;
+      groupMembers: string;
+  } & T9nMeta<{
+      sharing: string;
+      private: string;
+      shared: string;
+      org: string;
+      public: string;
+      privateGroups: string;
+      sharedGroups: string;
+      orgGroups: string;
+      publicGroups: string;
+      groups: string;
+      updateSharing: string;
+      viewableBy: string;
+      everyone: string;
+      organization: string;
+      groupMembers: string;
+  }>;
+  /**
+   * Positioning of the tooltip overlay.
+   *
+   * @default "absolute"
+   */
+  accessor overlayPositioning: Tooltip["overlayPositioning"];
+  /** Portal used for sharing and group requests. */
+  accessor portal: Portal;
+  /**
+   * Scale of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Icon["scale"];
+  /**
+   * Force display of hoverText (even if showText is true).
+   *
+   * @default false
+   */
+  accessor showHoverText: boolean | undefined;
+  /**
+   * Show text, if false will show icon plus tooltip.
+   *
+   * @default true
+   */
+  accessor showText: boolean;
+  /** List of all the user's groups. */
+  accessor userGroups: Pick<PortalGroupSourceJSON, "id">[] | undefined;
+  /**
+   * Refreshes sharing groups after pending property updates, excluding favorites from the sharing count.
+   * Does not reload the item's access level; the host must supply the updated item after sharing changes.
+   */
+  fetchGroups(): Promise<void>;
+  /** Focuses the summary button after pending property updates. */
+  setFocus(): Promise<void>;
+}

package/dist/components/arcgis-portal-item-share-summary/customElement.js

@@ -0,0 +1,172 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as f } from "../../chunks/runtime.js";
+import { LitElement as v, createEvent as b, nothing as y } from "@arcgis/lumina";
+import { css as x, html as c } from "lit";
+import { createRef as g, ref as m } from "lit/directives/ref.js";
+import { u as w } from "../../chunks/useT9n.js";
+import { g as d } from "../../chunks/portal.js";
+import { f as $, c as G } from "../../chunks/item.js";
+import { r as h } from "../../chunks/request.js";
+async function z(i, t, r = {}) {
+  try {
+    const e = await h({
+      url: `${d(i)}content/items/${t}/groups`,
+      portal: i,
+      options: r
+    });
+    return { result: [...e.admin, ...e.member, ...e.other] };
+  } catch (e) {
+    return r.signal?.aborted || console.error("Unable to fetch item sharing groups", e), { error: { code: "unhandledError" } };
+  }
+}
+async function S(i, t, r, e = {}) {
+  if (!r.length)
+    return { result: [] };
+  try {
+    const s = d(i), o = await h({
+      url: `${s}content/items/${t.id}`,
+      portal: i,
+      options: e
+    });
+    if (o.itemControl !== "admin" && o.itemControl !== "update") {
+      const a = await $(i, { groups: r }, [t], e);
+      return a.error ? { error: a.error } : { result: a.result?.[t.id] ?? [] };
+    }
+    const n = t.ownerFolder ? `${t.ownerFolder}/` : "", l = await h({
+      url: `${s}content/users/${t.owner}/${n}items/${t.id}`,
+      portal: i,
+      options: e
+    }), p = new Set(r.map(({ id: a }) => a));
+    return { result: l.sharing.groups.filter((a) => p.has(a)) };
+  } catch (s) {
+    return e.signal?.aborted || console.error("Unable to resolve item sharing group IDs", s), { error: { code: "unhandledError" } };
+  }
+}
+async function D(i, t, r = {}) {
+  try {
+    return { result: (await Promise.all(
+      G([...new Set(t)], 100).map(async (s) => (await h({
+        url: `${d(i)}community/groups`,
+        portal: i,
+        params: { q: `id:(${s.join(" OR ")})`, num: 100 },
+        options: r
+      })).results)
+    )).flat().sort((s, o) => s.title.localeCompare(o.title)) };
+  } catch (e) {
+    return r.signal?.aborted || console.error("Unable to fetch sharing group details", e), { error: { code: "unhandledError" } };
+  }
+}
+const O = x`:host{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--arcgis-portal-item-share-summary-spacing, 1rem);--text-size: var(--arcgis-portal-item-share-summary-text-size, .875rem);--spacing: var(--arcgis-portal-item-share-summary-spacing, 1rem);--padding: var(--arcgis-portal-item-share-summary-padding, 7px)}:host([scale="s"]){--text-size: var(--arcgis-portal-item-share-summary-text-size, .75rem);--padding: var(--arcgis-portal-item-share-summary-padding, 3px)}:host([scale="l"]){--text-size: var(--arcgis-portal-item-share-summary-text-size, 1rem);--padding: var(--arcgis-portal-item-share-summary-padding, 9px)}:host([scale="s"][show-text]){--padding: var(--arcgis-portal-item-share-summary-padding, 3px 8px)}:host([scale="m"][show-text]){--padding: var(--arcgis-portal-item-share-summary-padding, 7px 12px)}:host([scale="l"][show-text]){--padding: var(--arcgis-portal-item-share-summary-padding, 9px 16px)}.wrapper{display:flex;align-items:center;padding:var(--padding);border:1px solid var(--arcgis-portal-item-share-summary-border-color, var(--calcite-color-border-1));border-radius:calc(var(--spacing) + .5rem);background:var(--arcgis-portal-item-share-summary-background-color, var(--calcite-color-foreground-1));color:var(--calcite-color-text-1);font:inherit;font-size:var(--text-size);line-height:1;cursor:pointer}.wrapper:hover{background:var(--calcite-color-foreground-2)}.wrapper:focus-visible{outline:2px solid var(--calcite-color-focus);outline-offset:2px}.icon{display:block;flex:0 0 auto;inline-size:var(--spacing);block-size:var(--spacing)}.text{margin-inline-start:calc(var(--spacing) / 4);font-weight:400}calcite-tooltip{--calcite-tooltip-z-index: calc(var(--calcite-z-index-overlay) + 1)}.tooltip{inline-size:18rem;padding-block-start:.25rem;margin:-1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:.75rem;background:var(--calcite-color-background);color:var(--calcite-color-text-2);font-size:.875rem;font-weight:700}.section-header h4{margin:0;font:inherit}.section{box-sizing:border-box;max-block-size:10rem;overflow:auto;margin:0;padding:.75rem;background:var(--calcite-color-foreground-1)}.status{color:var(--calcite-color-text-1);font-size:.875rem}.groups{list-style:none}.group{display:flex;align-items:center;padding-block:.25rem}.avatar{flex-shrink:0}.group-text{flex:1;min-inline-size:0;margin-inline-start:.75rem}.group-text h5,.group-text p{margin:0;padding:0;line-height:1.35}.group-text h5{overflow-wrap:anywhere;color:var(--calcite-color-text-1);font-size:.875rem;font-weight:500}.group-text p{color:var(--calcite-color-text-3);font-size:.75rem}calcite-loader{--calcite-loader-padding: 2rem}`, R = {
+  private: "user",
+  shared: "user",
+  org: "organization",
+  public: "globe"
+};
+function k(i, t, r, e, s) {
+  const o = i === "shared" && !t?.length && r ? "private" : i, n = new Intl.NumberFormat(s).format(t?.length ?? 0);
+  return {
+    icon: R[o],
+    access: t?.length && o === "shared" ? e.private : e[o],
+    groups: t?.length ? e.groups.replace("${num}", n) : (
+      // here, no groups or groups weren't configured correctly
+      o === "shared" ? e.shared : ""
+    ),
+    tooltip: t?.length ? e[`${o}Groups`].replace("${num}", n) : e[o],
+    tooltipNoCount: t?.length ? e[`${o}Groups`].replace("(${num})", "").trim() : e[o]
+  };
+}
+class I extends v {
+  constructor() {
+    super(...arguments), this.messages = w({ blocking: !0, name: "portal-item-share-summary" }), this.buttonRef = g(), this.tooltipRef = g(), this.tooltipOpen = !1, this.loadingDetails = !1, this.showText = !0, this.scale = "m", this.overlayPositioning = "absolute", this.autoFetchGroups = !1, this.arcgisInternalShareSummaryActivate = b({ bubbles: !1, composed: !1 });
+  }
+  static {
+    this.properties = { groupData: 16, loadingDetails: 16, favoriteOnlySource: 16, item: 0, portal: 0, groups: 0, userGroups: 0, showText: 7, showHoverText: 5, scale: 3, overlayPositioning: 1, autoFetchGroups: 5, messageOverrides: 0 };
+  }
+  static {
+    this.styles = O;
+  }
+  async fetchGroups() {
+    await this.updateComplete, await this.refreshGroups();
+  }
+  async setFocus() {
+    await this.updateComplete, this.buttonRef.value?.focus();
+  }
+  willUpdate(t) {
+    const r = t.has("item") || t.has("portal"), e = t.has("groups") && this.groups !== this.fetchedGroups;
+    (r || t.has("groups") || t.has("userGroups")) && (this.detailsRequest?.abort(), this.groupData = void 0, this.loadingDetails = !1, this.favoriteOnlySource === "details" && (this.favoriteOnlySource = void 0)), (r || e) && (this.groupsRequest?.abort(), this.favoriteOnlySource = void 0, r && this.fetchedGroups && this.groups === this.fetchedGroups && (this.groups = void 0), this.fetchedGroups = void 0), this.autoFetchGroups && this.groups === void 0 && this.item?.id && this.portal && (r || e || t.has("autoFetchGroups")) && this.refreshGroups(), (this.showHoverText ?? !this.showText) || (this.tooltipOpen = !1), this.tooltipOpen && (r || t.has("groups") || t.has("userGroups")) && this.item?.id && this.portal && this.loadGroupData();
+  }
+  updated() {
+    this.tooltipRef.value && this.buttonRef.value && (this.tooltipRef.value.referenceElement = this.buttonRef.value);
+  }
+  async refreshGroups() {
+    const { item: t, portal: r, groups: e } = this;
+    if (!t?.id || !r) {
+      console.error("A saved item and portal are required to fetch sharing groups");
+      return;
+    }
+    this.groupsRequest?.abort();
+    const s = new AbortController();
+    this.groupsRequest = s;
+    const { result: o, error: n } = await z(r, t.id, { signal: s.signal });
+    if (!(s.signal.aborted || this.item !== t || this.portal !== r || this.groups !== e)) {
+      if (n || !o) {
+        console.error("Unable to refresh the sharing summary", n);
+        return;
+      }
+      this.fetchedGroups = o.filter((l) => !l.isFav).map(({ id: l }) => l), this.favoriteOnlySource = o.length > 0 && this.fetchedGroups.length === 0 ? "refresh" : void 0, this.groups = this.fetchedGroups;
+    }
+  }
+  async loadGroupData() {
+    const { item: t, portal: r, groups: e, userGroups: s } = this;
+    if (!t?.id || !t.owner || !r) {
+      console.error("A saved item, owner, and portal are required to load sharing details");
+      return;
+    }
+    this.detailsRequest?.abort();
+    const o = new AbortController();
+    this.detailsRequest = o;
+    const n = { signal: o.signal }, l = () => !o.signal.aborted && this.item === t && this.portal === r && this.groups === e && this.userGroups === s;
+    this.loadingDetails = !0;
+    try {
+      let p = e;
+      if (s) {
+        const u = await S(r, { id: t.id, owner: t.owner, ownerFolder: t.ownerFolder }, s, n);
+        if (!l())
+          return;
+        if (u.error) {
+          console.error("Unable to resolve sharing details", u.error);
+          return;
+        }
+        u.result?.length && (p = u.result);
+      }
+      const a = await D(r, p ?? [], n);
+      if (!l())
+        return;
+      if (a.error || !a.result) {
+        console.error("Unable to load sharing details", a.error);
+        return;
+      }
+      this.groupData = a.result.filter((u) => !u.isFav), a.result.length ? this.favoriteOnlySource = this.groupData.length ? void 0 : this.favoriteOnlySource ?? "details" : this.favoriteOnlySource === "details" && (this.favoriteOnlySource = void 0);
+    } finally {
+      l() && (this.loadingDetails = !1);
+    }
+  }
+  renderGroupData() {
+    const { messages: t, groupData: r } = this;
+    return r?.length ? c`<h4 class="section-header">${t.groups.replace("${num}", new Intl.NumberFormat(t._lang).format(r.length))}</h4><ul class="section groups">${r.map((e) => c`<li class="group"><arcgis-portal-group-thumbnail .group=${e} .portal=${this.portal} class="avatar"></arcgis-portal-group-thumbnail><div class="group-text"><h5>${e.title}</h5><p>${t.viewableBy.replace("${level}", e.access === "public" ? t.everyone : e.access === "org" ? t.organization : t.groupMembers)}</p></div></li>`)}</ul>` : null;
+  }
+  render() {
+    if (!this.item?.access)
+      return null;
+    const { messages: t, showText: r } = this, e = k(this.item.access, this.groups ?? this.groupData?.map(({ id: s }) => s), this.favoriteOnlySource !== void 0, t, t._lang);
+    return c`<button type=button class="wrapper" aria-label=${e.tooltip ?? y} @click=${() => this.arcgisInternalShareSummaryActivate.emit()} ${m(this.buttonRef)}><calcite-icon class="icon" .icon=${e.icon} scale=s></calcite-icon>${r && e.groups !== e.access && c`<span class="text">${e.access}</span>` || ""}${e.groups && c`<calcite-icon class="icon" icon=plus scale=s></calcite-icon><calcite-icon class="icon" icon=group scale=s></calcite-icon>${r && c`<span class="text">${e.groups}</span>` || ""}` || ""}</button>${(this.showHoverText ?? !r) && c`<calcite-tooltip close-on-click placement=bottom-start offset-distance=6 offset-skidding=0 .overlayPositioning=${this.overlayPositioning} @calciteTooltipBeforeOpen=${() => {
+      this.tooltipOpen = !0, this.loadGroupData();
+    }} @calciteTooltipBeforeClose=${() => {
+      this.tooltipOpen = !1;
+    }} ${m(this.tooltipRef)}><div class="tooltip">${this.loadingDetails ? c`<calcite-loader .label=${t.sharing} scale=s></calcite-loader>` : c`<div class="section-header"><h4>${t.sharing}</h4><slot name=tooltip-header-end></slot></div><p class="section status">${this.groupData?.length ? e.tooltipNoCount : e.tooltip}</p>${this.renderGroupData()}`}</div></calcite-tooltip>` || ""}`;
+  }
+}
+f("arcgis-portal-item-share-summary", I);
+export {
+  I as ArcgisPortalItemShareSummary
+};