@arcgis/portal-components 5.2.0-next.57 → 5.2.0-next.59

package/dist/chunks/user2.js

@@ -1,185 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { i as R, a as k, g as h } from "./portal.js";
-import b from "@arcgis/core/identity/IdentityManager.js";
-import U from "@arcgis/core/request.js";
-import { f as g, c as P, r as $ } from "./requests.js";
-const l = {}, f = {}, d = {};
-async function y({ requester: e, key: t, id: r, cacheOption: s }) {
-  const n = d[t]?.[r]?.expireAt, o = !!n && (/* @__PURE__ */ new Date()).getTime() > n;
-  if (l[t]?.[r] && !o)
-    return l[t][r];
-  f[t] || (f[t] = {}), (!f[t][r] || o) && (f[t][r] = e());
-  const i = await f[t][r];
-  if (l[t] || (l[t] = {}), d[t] || (d[t] = {}), l[t][r] = i, s) {
-    const { expireAfter: a, getExpireAfterFromResult: c } = s, w = c || a ? (/* @__PURE__ */ new Date()).getTime() + (c?.(i) ?? a ?? 0) : null;
-    d[t][r] = { ...d[t][r], expireAt: w };
-  }
-  return i;
+function i(e, n) {
+  const { fullName: u, firstName: r, lastName: t, username: s } = e;
+  return u || (r && t ? n === "ja" ? `${t} ${r}` : `${r} ${t}` : s);
 }
-async function q({
-  url: e,
-  portal: t,
-  params: r = {},
-  options: s = {},
-  method: n,
-  abortControllerId: o,
-  excludeJson: i
-}) {
-  const a = v(o)?.signal, { customToken: c, addTokenManually: w, addSSL: S, useProxy: T } = s, m = { ...r };
-  if (!e.includes("f=") && !i && (m.f = "json"), c)
-    m.token = c;
-  else if (w !== !1) {
-    const A = await E(t);
-    A && (m.token = A);
-  }
-  const x = S ? O(e, t) : e, C = {
-    query: m,
-    method: n || "auto",
-    ...s,
-    timeout: s.timeout || 0,
-    useProxy: T,
-    ...s?.disableIdentityLookup ? { authMode: "anonymous" } : {}
-  }, L = await U(x, { signal: a, ...C });
-  return o && (p[o] = void 0), L.data;
+function a(e) {
+  return e && !e.id;
 }
-const p = {};
-function v(e) {
-  if (e)
-    return p[e] && p[e].abort(), p[e] = new AbortController(), p[e];
+function c(e) {
+  return e?.sourceJSON?.privileges?.includes("portal:user:createItem");
 }
-async function E(e) {
-  const t = R(e);
-  if (!e?.isPortal || !t)
-    return k(e);
-  const r = e?.user;
-  if (!r && t)
-    return;
-  const { token: s } = await y({
-    requester: async () => await M(e),
-    key: "platformSelf",
-    id: r?.id ?? e.id ?? "<unknown>",
-    cacheOption: { getExpireAfterFromResult: (n) => n.expires_in }
-  });
-  return s;
-}
-const M = async (e) => {
-  const r = {
-    "X-Esri-Auth-Client-Id": await F(e),
-    "X-Esri-Auth-Redirect-Uri": window.location.href.replace(/#.*$/u, "")
-  };
-  return (await U(`${h(e)}/oauth2/platformSelf`, {
-    authMode: "no-prompt",
-    headers: r,
-    withCredentials: !0,
-    method: "post"
-  })).data;
-}, F = async (e) => (await y({
-  requester: async () => await b.getCredential(h(e), { oAuthPopupConfirmation: !1 }),
-  key: "credential",
-  id: e.user?.id ?? "<unknown>"
-})).oAuthState?.appId ?? "arcgisonline";
-function O(e, t) {
-  return window.location.protocol === "https:" || t.allSSL ? e.replace("http:", "https:") : e;
-}
-async function W(e, t, r) {
-  const n = `${r ? "https://www.arcgis.com/sharing/rest/" : h(t)}community/users/${e}`, o = n?.includes("www.arcgis.com") && t.isPortal, i = n?.includes(".arcgis.com") && !t.isPortal && !t.user, a = o || i ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
-  return await y({
-    requester: async () => {
-      try {
-        return await q({ url: n, portal: t, options: a });
-      } catch {
-        return { username: e };
-      }
-    },
-    key: "user",
-    id: n
-  });
-}
-const X = async (e) => {
-  const t = `${h(e)}/portals/${e.id}/users`;
-  return await q({
-    url: t,
-    portal: e,
-    params: {
-      // TODO: Add pagination
-      num: 100,
-      sortField: "lastlogin",
-      sortOrder: "desc"
-    }
-  });
-};
-function u(e, t) {
-  return `${e.restUrl}/community/users/${t?.id || e?.user?.id}`;
-}
-async function H(e, t) {
-  const r = `${u(e, t)}/properties`;
-  return await $(r);
-}
-async function J(e, t, r) {
-  const s = `${u(t, r)}/setProperties`, n = k(t), o = new FormData();
-  return o.append("properties", JSON.stringify(e)), o.append("token", n), o.append("f", "json"), await $(s, {
-    method: "post",
-    body: o
-  });
-}
-async function N(e, t) {
-  const r = `${u(e, t)}/provisionedListings`;
-  return await g(
-    r,
-    { returnAppClientIds: !0, returnAllProvisions: !0 },
-    "provisionedListings"
-  );
-}
-async function _(e, t) {
-  const r = `${u(e, t)}/linkedUsers`;
-  try {
-    return await g(r, { num: 10 }, "linkedUsers");
-  } catch (s) {
-    return console.error("Error fetching linked accounts:", s), [];
-  }
-}
-async function z(e, t, r) {
-  try {
-    return await g(
-      `https://${e.portalHostname}/sharing/rest/community/users/${t}/linkedUsers`,
-      { num: 10, token: r },
-      "linkedUsers"
-    );
-  } catch (s) {
-    return console.error(s), [];
-  }
-}
-async function G({
-  portal: e,
-  user: t,
-  targetUser: r,
-  targetToken: s
-}) {
-  const n = `${u(e, t)}/linkUser`, o = await P(n, {
-    method: "post",
-    query: { user: r, userToken: s }
-  });
-  return o.error && console.error(o.error), o;
-}
-async function K({
-  portal: e,
-  user: t,
-  linkedUsername: r
-}) {
-  const s = `${u(e, t)}/unlinkUser`, n = await P(s, { method: "post", query: { user: r } });
-  return n.error && console.error(n.error), n;
+function o(e) {
+  return e?.sourceJSON?.privileges?.includes("premium:publisher:createNotebooks");
 }
 export {
-  _ as a,
-  y as b,
-  X as c,
-  J as d,
-  N as e,
-  W as f,
-  z as g,
-  H as h,
-  E as i,
-  G as l,
-  q as r,
-  K as u
+  o as a,
+  c,
+  i as g,
+  a as i
 };

package/dist/chunks/utils.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { u as f, i as S, a as M, b as A, c as x, d as C, e as j, f as G } from "./item2.js";
+import { u as f, i as S, a as M, b as A, c as x, d as C, e as j, f as G } from "./item.js";
 const L = (r) => typeof r?.role == "string" && r?.role ? r?.role : r?.roleId ?? r?.sourceJSON?.id;
 function v(r) {
   return r ? ["org_admin", "account_admin"].includes(L(r)) && !r?.roleId : !1;

package/dist/components/arcgis-portal-account-switcher/customElement.js

@@ -3,7 +3,7 @@ import { c as y } from "../../chunks/runtime.js";
 import { LitElement as S, createEvent as b, nothing as L } from "@arcgis/lumina";
 import { html as d, svg as _ } from "lit";
 import { s as O } from "../../chunks/portal-account-switcher.js";
-import { g as x, a as I, l as v, u as C } from "../../chunks/user2.js";
+import { g as x, a as I, l as v, u as C } from "../../chunks/user.js";
 import p from "@arcgis/core/identity/IdentityManager.js";
 import { t as E } from "../../chunks/functionalities.js";
 import { u as M } from "../../chunks/useT9n.js";

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

@@ -8,13 +8,13 @@ import { a as C, t as yt, b as wt } from "../../chunks/functionalities.js";
 import { NodeInterrupt as W, Annotation as y, StateGraph as N, START as P, END as w } from "@langchain/langgraph/web";
 import { sendTraceMessage as g, invokeStructuredPrompt as v, sendUXSuggestion as E, createAgentRuntimeStateWithSharedState as k, createChatModel as D } from "@arcgis/ai-components/utils/index.js";
 import n from "zod";
-import { a as bt, c as vt, q as It } from "../../chunks/groups2.js";
+import { a as bt, c as vt, q as It } from "../../chunks/groups.js";
 import xt from "@arcgis/core/identity/IdentityManager.js";
 import F from "@arcgis/core/request.js";
 import { ChatPromptTemplate as U } from "@langchain/core/prompts";
 import { tool as Y } from "@langchain/core/tools";
-import { s as St, a as Mt } from "../../chunks/item.js";
-import { c as Gt, d as Tt, i as At, b as Ct, g as Nt } from "../../chunks/groups.js";
+import { s as St, a as Mt } from "../../chunks/item2.js";
+import { g as Gt, e as Tt, i as At, c as Ct, a as Nt } from "../../chunks/groups2.js";
 const H = (a) => {
   const { portal: t, user: e } = a ?? {};
   return !!a && !!t && !!e;

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

@@ -1,11 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { SearchResultGroup } from "../../types/group.js";
-import type { SearchResultItem } from "../../types/item.js";
-import type { SearchResult } from "../../types/search.js";
-import type { SearchResultUser } from "../../types/user.js";
 import type { PortalBrowserStore } from "./utils/store.js";
-import type { RangeFormatter } from "./utils/types.js";
+import type { BrowserContent, RangeFormatter } from "./utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class ArcgisPortalBrowser extends LitElement {
@@ -217,19 +213,31 @@ export abstract class ArcgisPortalBrowser extends LitElement {
   /** @default false */
   accessor preview: boolean;
   accessor rangeFormatter: RangeFormatter | undefined;
-  accessor response: SearchResult<SearchResultGroup | SearchResultItem | SearchResultUser>;
+  accessor response: PortalBrowserSearchResponse;
   /** @default "" */
   accessor searchTerm: string;
-  accessor selected: SearchResultGroup[] | SearchResultItem[] | SearchResultUser[] | undefined;
+  accessor selected: BrowserContent | undefined;
   /** @default false */
   accessor showPreSearch: boolean | undefined;
   accessor store: PortalBrowserStore;
   scrollToTop(): Promise<void>;
   readonly arcgisAriaUpdate: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly arcgisBrowserFilterClear: import("@arcgis/lumina").TargetedEvent<this, null>;
+  readonly arcgisBrowserFilterRemove: import("@arcgis/lumina").TargetedEvent<this, string>;
   /** @deprecated Use arcgisAriaUpdate instead. */
   readonly ariaUpdate: import("@arcgis/lumina").TargetedEvent<this, string>;
   readonly "@eventTypes": {
     arcgisAriaUpdate: ArcgisPortalBrowser["arcgisAriaUpdate"]["detail"];
+    arcgisBrowserFilterClear: ArcgisPortalBrowser["arcgisBrowserFilterClear"]["detail"];
+    arcgisBrowserFilterRemove: ArcgisPortalBrowser["arcgisBrowserFilterRemove"]["detail"];
     ariaUpdate: ArcgisPortalBrowser["ariaUpdate"]["detail"];
   };
+}
+
+export interface PortalBrowserSearchResponse {
+  nextStart?: number;
+  num: number;
+  start: number;
+  total: number;
+  results: unknown[];
 }

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

@@ -1,201 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
-import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
-import * as c from "@arcgis/core/intl.js";
-import { LitElement as $, createEvent as w, safeClassMap as r, safeStyleMap as v } from "@arcgis/lumina";
-import { css as F, html as o } from "lit";
-import { createRef as S, ref as P } from "lit/directives/ref.js";
-import { u as k } from "../../chunks/useT9n.js";
-import { c as g } from "../../chunks/dom.js";
-import { i as B } from "../../chunks/functionalities.js";
-import "../arcgis-portal-browser-filter/customElement.js";
+import "../../chunks/runtime.js";
+import "@arcgis/core/core/reactiveUtils.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/lumina";
+import "lit";
+import "lit/directives/ref.js";
+import "../../chunks/useT9n.js";
+import "../../chunks/dom.js";
+import "../../chunks/functionalities.js";
 import "../arcgis-portal-browser-filter-date/customElement.js";
-import "../arcgis-portal-browser-filters/customElement.js";
 import "../arcgis-portal-browser-filter-status/customElement.js";
-import { c as R, o as C, a as E, i as T } from "../../chunks/store.js";
-const W = F`:host{position:relative;display:flex;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-background);--arcgis-browser-max-width: 100%;--arcgis-browser-pane-width: 18.75rem;--arcgis-browser-pane-z-index: 11}:host([height="auto"]){height:auto;min-height:100%;flex:1 1 100%}.wrapper{display:flex;height:100%;flex-direction:column;overflow:hidden}.wrapper--fixed{overflow:hidden}.wrapper--auto{flex:1 1 100%}.wrapper--full{transform:translate(0)}.panel{display:flex;height:100%;flex-direction:column;overflow:hidden}.panel--fixed{transform:translateZ(0)}.top-bar{position:sticky;top:0;right:0;left:0;z-index:20;flex-shrink:0;flex-grow:0;border-bottom:1px solid var(--calcite-color-border-3)}.scrolling{position:relative;display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.scrolling--panel{overflow-y:scroll}@supports (scrollbar-gutter: stable){.scrolling--panel{scrollbar-gutter:stable;overflow-y:auto}}.scrolling--full{overflow:hidden}.preview-position{position:absolute;inset:0;margin-inline:auto;width:100%;max-width:var(--arcgis-browser-max-width)}.preview-position--with-top-bar{top:3rem}.preview-desktop{width:100%}.two-up{margin-left:auto;margin-right:auto;display:flex;width:100%;flex:1 1 auto;flex-direction:row;max-width:var(--arcgis-browser-max-width)}.two-up.small{margin-top:-1px}.two-up--fullscreen{height:100%;overflow:hidden}.content__start{margin-inline-end:.25rem;padding-inline:1rem}.content{position:relative;display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}.content--full{overflow-y:scroll}@supports (scrollbar-gutter: stable){.content--full{scrollbar-gutter:stable;overflow-y:auto}}.content__top{position:relative;display:flex;height:1.5rem;flex-grow:0;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:.75rem;font-size:1.125rem;color:var(--calcite-color-text-1);z-index:2}.content__top__end{margin-inline-start:auto;display:grid;gap:.5rem;grid-auto-flow:column}.actions,.filter-status{flex:1 1 0%}.content__view{margin-inline-end:.25rem;min-width:0px;flex:1 1 0%;padding-inline:var(--arcgis-browser-content-padding, 1rem)}.content__view--padded-bottom{padding-bottom:1rem}.content__view--no-filters{margin-inline-start:.25rem;padding-inline-start:var(--arcgis-browser-content-padding, 1rem)}.pane{pointer-events:none;visibility:hidden;display:flex;height:100%;background-color:var(--calcite-color-background);opacity:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:transform,visibility,opacity;border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.pane--open{pointer-events:auto;visibility:visible;opacity:1;transform:translate(0);box-shadow:4px 0 16px #0000000f}.preview{width:0px;flex-shrink:0;flex-grow:0;position:absolute;top:0;bottom:0;inset-inline-start:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:width;z-index:var(--arcgis-browser-pane-z-index)}.preview--fixed{position:fixed}.preview--active{overflow:auto;width:var(--arcgis-browser-pane-width);box-shadow:#0000000f 4px 0 16px}.filter-panel,.preview-panel{position:relative;height:100%;background-color:var(--calcite-color-background)}.filter-panel__content{padding:.75rem 1rem 0}.filter-status--mobile{width:100%}.filter-status--active{display:block}.popover-contents{width:var(--arcgis-browser-popover-width);height:var(--arcgis-browser-popover-height)}.sheet{pointer-events:none;position:fixed;inset:0;z-index:110}.sheet--top-bar{top:3rem;overflow:hidden}.sheet__background{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:#0003}.sheet__background--hidden{display:none}.sheet--active .sheet__background{opacity:1}.sheet--active{pointer-events:auto;opacity:1}.sheet__contents{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;top:3rem;transform:translate3d(0,24px,0)}.sheet__contents--full{top:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-inline-end:auto;width:var(--arcgis-browser-pane-width);border:1px solid var(--calcite-color-border-3);border-inline-start:none;transform:translate3d(-24px,0,0)}.sheet--active .sheet__contents{opacity:1;transform:translateZ(0)}.hide{display:none}.aria-hidden{height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;position:absolute;top:0;bottom:0;width:0px;inset-inline-end:0}.content__view--flex{display:flex;flex-direction:column}.cover{display:flex;flex:1 1 0%;align-items:flex-start;justify-content:center;overflow:auto;padding-bottom:1rem;padding-top:.25rem}.no-results{height:100%;width:100%;flex:1 1 0%;text-align:center;font-size:1.125rem;color:var(--calcite-color-text-2)}::slotted([slot="no-results"]){width:100%}::slotted([slot="no-content"]){width:100%}.results-wrapper{flex:1 1 0%}.results-wrapper--spaced{padding-top:1.5rem}.loader{margin-top:min(8rem,30vh);--calcite-loader-padding: 0}.filters{box-sizing:border-box;flex-grow:0;padding-inline:1.5rem 0;width:var(--arcgis-browser-pane-width)}.filters--sticky{position:sticky;top:0;height:100%}.filters__content{overflow-y:auto;height:100%;padding-top:1.5rem;box-sizing:border-box;scrollbar-gutter:stable}.filters--empty{display:none}.filters--active{opacity:1;transform:translateZ(0)}.filters__title{margin:0 0 1rem;padding:0 0 1rem;font-size:1.125rem;font-weight:500;color:var(--calcite-color-text-1);padding-inline-start:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--calcite-color-text-1)}.container{display:flex;height:100%;width:100%;flex-direction:column;background-color:var(--calcite-color-background)}.container__header{display:flex;flex:0 1 auto;flex-direction:row;background-color:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3)}.container__header__text{margin:0;flex:1 1 0%;padding:.875rem .75rem;font-size:1rem;font-weight:500;color:var(--calcite-color-text-2)}.container__content{flex:1 1 0%;overflow:auto}.container__footer{box-sizing:border-box;width:100%;flex:0 1 auto;background-color:var(--calcite-color-foreground-1);padding:.5rem}.small .filters{padding:0}.small .filters__content{padding-left:1rem;padding-right:1rem}.small .content__view{padding-inline:.5rem;margin-inline:0}.small .content__view--panel{padding-inline:0}.small .content__start{margin-inline:0;padding-inline:.5rem}@media screen and (max-width:640px){:host{--arcgis-browser-pane-width: 100%}}.scrim__find{margin-top:3.5rem;opacity:.6;transition-property:opacity;transition-duration:.15s;--calcite-scrim-background: rgba(0, 0, 0, .6)}`;
-function z(h) {
-  const t = Math.max(h?.total ?? 0, 0), e = h?.results?.length ?? 0;
-  if (!t || !e)
-    return { start: 0, end: 0, total: t };
-  const i = Math.max(h?.start ?? 1, 1), s = Math.min(i + e - 1, t);
-  return { start: i, end: s, total: t };
-}
-const U = 49;
-class q extends $ {
-  constructor() {
-    super(...arguments), this._messages = k({ blocking: !0 }), this._previewContainer = S(), this.toggleScrim = (t) => {
-      this.scrimActive = t.detail;
-    }, this.checkFlowItem = () => {
-      this.flowItem = g(this.el, "calcite-flow-item");
-    }, this.handleResize = () => {
-      requestAnimationFrame(this.updatePreviewPosition);
-    }, this.updatePreviewPosition = () => {
-      if (this.formFactor === "small" || this.height !== "auto" || !this._previewContainer)
-        return;
-      this.checkFlowItem();
-      const t = this._previewContainer.value?.getBoundingClientRect();
-      if (!t)
-        return;
-      const { x: e, y: i, height: s, right: a, width: l } = t, p = s + i, d = window.innerWidth - document.body.offsetWidth, m = window.innerWidth < l || window.innerWidth < window.outerWidth && window.innerWidth <= l + d;
-      this.previewBoundingBox = {
-        top: Math.max(i, 0),
-        left: e,
-        right: m ? 0 : window.outerWidth - a - d,
-        bottom: p > window.innerHeight ? 0 : window.innerHeight - p
-      };
-    }, this.pageRangeText = "", this.noResults = !1, this.initialHide = !0, this.scrimActive = !1, this.panel = !1, this.preview = !1, this.loading = !1, this.hideContentTop = !1, this.alwaysShowSelection = !1, this.alwaysShowContent = !1, this.response = {
-      nextStart: -1,
-      num: 0,
-      results: [],
-      start: 1,
-      total: 0
-    }, this.store = R(), this.formFactor = "large", this.searchTerm = "", this.height = "full", this.api = 4, this.arcgisAriaUpdate = w(), this.ariaUpdate = w();
-  }
-  static {
-    this.properties = { pageRangeText: 16, noResults: 16, previewBoundingBox: 16, initialHide: 16, scrimActive: 16, flowItem: 16, panel: 5, preview: 5, loading: 5, hideContentTop: 5, hideTopBar: 5, selected: 0, alwaysShowSelection: 5, alwaysShowContent: 5, response: 0, store: 0, formFactor: 1, searchTerm: 1, height: 3, hideFilters: 5, showPreSearch: 5, rangeFormatter: 0, alwaysShowPagination: 5, api: 9 };
-  }
-  static {
-    this.styles = W;
-  }
-  async scrollToTop() {
-    this.renderRoot.querySelector(".top-bar")?.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("scroll", this.handleResize), window.addEventListener("resize", this.handleResize), this.el.addEventListener("arcgisItemBrowserScrimToggle", this.toggleScrim), this.checkFlowItem(), this.attachStoreWatchers();
-  }
-  willUpdate(t) {
-    t.has("store") && this.attachStoreWatchers(), t.has("response") && this.updatePage(this.response);
-  }
-  firstUpdated() {
-    requestAnimationFrame(this.updatePreviewPosition);
-  }
-  disconnectedCallback() {
-    this.removePreviewWatcher?.(), this.removeStoreWatcher?.(), window.removeEventListener("resize", this.handleResize), window.removeEventListener("scroll", this.handleResize), this.el.removeEventListener("arcgisItemBrowserScrimToggle", this.toggleScrim), super.disconnectedCallback();
-  }
-  attachStoreWatchers() {
-    if (this.removePreviewWatcher?.(), this.removeStoreWatcher?.(), !this.store)
-      return;
-    this.removePreviewWatcher = C(this.store, this.updatePreviewPosition);
-    const t = [
-      n(() => this.store.type, () => this.requestUpdate()),
-      n(() => this.store.width, () => this.requestUpdate()),
-      n(() => this.store.height, () => this.requestUpdate()),
-      n(() => this.store.filtersEmpty, () => this.requestUpdate()),
-      n(() => this.store.topbarEmpty, () => this.requestUpdate()),
-      n(() => this.store.sortEmpty, () => this.requestUpdate()),
-      n(() => this.store.filtersExpanded, () => this.requestUpdate()),
-      n(() => this.store.panel, () => this.requestUpdate()),
-      n(() => this.store.preview, () => this.requestUpdate()),
-      n(() => this.store.searchTerm, () => this.requestUpdate()),
-      n(() => this.store.hiddenFilters, () => this.requestUpdate()),
-      n(() => this.store.filters, () => this.requestUpdate()),
-      n(() => this.store.recycleBin, () => this.requestUpdate())
-    ];
-    this.removeStoreWatcher = () => {
-      t.forEach((e) => e.remove());
-    };
-  }
-  async updatePage(t) {
-    const [e, i] = await this.updatePageRange(t);
-    this.pageRangeText = e, this.arcgisAriaUpdate.emit(i), this.el.dispatchEvent(new CustomEvent("ariaUpdate", { detail: i })), this.noResults = E(this.store) && this.store.recycleBin ? t.results.length === 0 : (t?.total ?? 0) === 0, this.initialHide = !1;
-  }
-  async updatePageRange(t) {
-    const { start: e, end: i, total: s } = z(t), a = c.formatNumber(e, { maximumFractionDigits: 0 }), l = c.formatNumber(i, { maximumFractionDigits: 0 }), d = `${c.formatNumber(s, { maximumFractionDigits: 0 })}${s >= 1e4 ? "+" : ""}`, m = c.formatNumber(t.results?.length ?? 0, { maximumFractionDigits: 0 }), u = c.formatNumber(Math.max(Math.ceil(e / Math.max(t.num || 1, 1)), 1), {
-      maximumFractionDigits: 0
-    });
-    if (this.rangeFormatter)
-      return await this.rangeFormatter({
-        start: a,
-        end: l,
-        total: d,
-        results: { items: m, page: u }
-      });
-    const f = this._messages.browser.pageRange, x = this._messages.browser.pageRangeAria, b = f.replace("${start}", a).replace("${end}", l).replace("${total}", d), _ = x.replace("${start}", a).replace("${end}", l).replace("${total}", d);
-    return [b, _];
-  }
-  hasActiveFilter(t) {
-    return Object.values(t.filters).filter(({ id: e }) => !B(T, e)).some((e) => !!e.value || e.id === "collaborations");
-  }
-  removeFilter(t) {
-    const e = this.store.filters[t];
-    if (!e)
-      return;
-    const i = { ...e, value: void 0 };
-    "additionalParams" in e && (i.additionalParams = void 0);
-    const s = { ...this.store.filters, [t]: i };
-    this.store.filters = s;
-  }
-  clearFilters() {
-    const t = Object.entries(this.store.filters).reduce((e, [i, s]) => this.store.hiddenFilters?.includes(i) || s.id === "folder" || s.id === "group" || s.id === "contentType" ? (e[i] = s, e) : (e[i] = {
-      ...s,
-      value: void 0,
-      ..."additionalParams" in s ? { additionalParams: void 0 } : {}
-    }, e), {});
-    this.store.filters = t;
-  }
-  renderNoResults() {
-    const t = this.noResults && !this.loading && !this.showPreSearch, e = this.hasActiveFilter(this.store) || !!this.searchTerm;
-    return t ? o`<div class="cover"><div class="no-results">${e ? o`<slot name=no-results></slot>` : o`<slot name=no-content></slot>`}</div></div>` : null;
-  }
-  renderPopoverContents(t, e, i) {
-    const s = this.flowItem ? this.flowItem.offsetHeight : this.store.height, a = this.formFactor === "small" && this.hasActiveFilter(this.store) && !this.hideFilters;
-    return this.el.style.setProperty("--arcgis-browser-popover-width", i ? "100%" : `${this.store.width || 0}px`), this.el.style.setProperty("--arcgis-browser-popover-height", i ? "100%" : `${s || 0}px`), o`<div class="popover-contents"><div class=${r({ hide: !e, "preview-panel": !0 })}><slot name=preview></slot></div><div class=${r({ hide: !t, "filter-panel": !0 })}><article class="container"><header class="container__header"><h2 class="container__header__text">${this._messages.browser?.refineContent}</h2><calcite-action .text=${this._messages.browser?.close} scale=m icon=x @click=${() => {
-      this.store.filtersExpanded = !1;
-    }}></calcite-action></header><div class="container__content"><div class="container__content__scroll"><slot name=filters-top></slot>${(this.store.panel || i) && o`<div class="filter-container__content"><slot name=sort></slot></div>` || ""}<slot name=filters></slot></div></div><div class=${r({ "filter-status--mobile": !0, container__footer: !0, hide: !a })}><arcgis-portal-browser-filter-status class="filter-status" .filters=${this.store.filters} .hiddenFilterIds=${this.store.hiddenFilters || []} .componentWidth=${this.store.width || this.flowItem?.offsetWidth || window.innerWidth} .browserWidth=${window.innerWidth} @arcgisBrowserFilterClear=${() => this.clearFilters()} @arcgisBrowserFilterRemove=${(l) => this.removeFilter(l.detail)}></arcgis-portal-browser-filter-status></div></article></div></div>`;
-  }
-  renderFlow() {
-    const t = !!this.store.panel, e = !!this.store.filtersExpanded && (!this.store.filtersEmpty || !this.store.sortEmpty && t), i = !!this.store.preview, s = !this.store.panel && document.documentElement.clientWidth > (this.store.width || 0);
-    return o`<div class=${r({ panel: !0, "panel--fixed": s })}>${!this.hideTopBar && o`<div class=${r({ "top-bar": !0, "top-bar--small": this.formFactor === "small" })}><slot name=top-bar></slot></div>` || ""}<div class="scrolling scrolling--panel"><div class=${r({ "two-up": !0, [this.formFactor]: !0 })}><div class="content"><div><slot name=primary-filter></slot></div><div class="content__start"><slot name=content-start></slot></div>${this.loading && !this.alwaysShowContent && o`<div class="content__view content__view--flex"><div class="cover"><calcite-loader class="loader" label></calcite-loader></div></div>` || ""}${this.noResults && !this.loading && o`<div class="content__view content__view--flex"><div class="cover">${this.renderNoResults()}</div></div>` || ""}<div class=${r({
-      hide: this.loading || this.noResults,
-      // eslint-disable-next-line @typescript-eslint/naming-convention
-      content__view: !0,
-      "content__view--panel": !!this.store.panel,
-      "content__view--flex": !this.loading && !this.noResults
-    })}>${!this.store.panel && !this.hideContentTop && o`<div class="content__top"><span class=${r({ selection: !0, hide: !this.alwaysShowSelection })}><slot name=selection></slot></span>${!this.loading && o`<span class="range">${this.pageRangeText}</span>` || ""}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot>${!t && o`<slot name=sort></slot>` || ""}</div></div>` || ""}<div class="flow-content"><slot name=content></slot></div><slot name=pagination></slot><slot name=content-end></slot></div></div></div><slot name=scroll-end></slot></div>${!this.store.panel || window.innerWidth < (this.store.width || 0) * 2 ? o`<div class=${r({
-      sheet: !0,
-      "sheet--active": e || i,
-      "sheet--top-bar": s
-    })}><div class=${r({ sheet__background: !0, "sheet__background--hidden": s })}></div><div class=${r({ sheet__contents: !0, "sheet__contents--full": s })}>${this.renderPopoverContents(e, i, !0)}</div></div>` : o`<calcite-popover overlay-positioning=fixed .open=${i || e} label=filters .referenceElement=${this.flowItem || this.el} offset-skidding=0 offset-distance=0 trigger-disabled pointer-disabled .placement=${this.store.panel ? "trailing" : "auto"} @calcitePopoverOpen=${(a) => {
-      (!this.store.panel || window.innerWidth < (this.store.width || 0) * 2) && (a.currentTarget.style.transform = "none");
-    }} .focusTrapOptions=${{
-      setReturnFocus: (a) => {
-        if (!(a instanceof HTMLElement))
-          return a;
-        const l = g(a, "arcgis-portal-item-card, arcgis-portal-group-card");
-        return l?.restoreFocus ? (l.restoreFocus(), !1) : a;
-      }
-    }}>${this.renderPopoverContents(e, i)}</calcite-popover>`}</div>`;
-  }
-  render() {
-    const t = this.height === "auto", e = this.height === "full", i = `${(this.store.height || window.innerHeight) - U}px`, s = t ? {} : { maxHeight: i };
-    return this.formFactor === "small" ? this.renderFlow() : o`<div class=${r({
-      wrapper: !0,
-      "wrapper--fixed": !!this.store.filtersExpanded,
-      "wrapper--auto": t,
-      "wrapper--full": e
-    })}>${!this.hideTopBar && o`<div class="top-bar"><slot name=top-bar></slot></div>` || ""}<slot name=top-bar-end></slot><div class=${r({ "preview-position": !0, "preview-position--with-top-bar": !this.store.topbarEmpty })} ${P(this._previewContainer)}><div class=${r({ preview: !0, "preview--active": !!this.store.preview, "preview--fixed": t })} style=${v(t && this.previewBoundingBox ? {
-      top: `${this.previewBoundingBox.top || 0}px`,
-      ...document.dir === "rtl" ? { right: `${this.previewBoundingBox.right || 0}px` } : { left: `${this.previewBoundingBox.left || 0}px` },
-      bottom: `${this.previewBoundingBox.bottom || 0}px`
-    } : {})}><div class=${r({ pane: !0, "pane--open": !!this.store.preview })}><div class="preview-desktop"><slot name=preview></slot></div></div></div></div><div class=${r({ scrolling: !0, "scrolling--full": !t || this.panel })}>${this.scrimActive && o`<calcite-scrim class="scrim__find"></calcite-scrim>` || ""}<div class=${r({ "two-up": !0, "two-up--fullscreen": e, [this.formFactor]: !0 })}><div class=${r({
-      filters: !0,
-      "filters--sticky": !t,
-      "filters--empty": this.store.filtersEmpty && !this.store.preview,
-      "filters--active": !!this.store.filtersExpanded
-    })} style=${v(e ? {} : s)}><div class="filters__content" style=${v(e ? {} : s)}><slot name=filters></slot></div></div><div class=${r({ content: !0, "content--full": e })}><div class="content__start"><slot name=content-start></slot></div><div class=${r({
-      // eslint-disable-next-line @typescript-eslint/naming-convention
-      content__view: !0,
-      "content__view--no-filters": this.store.filtersEmpty && !this.store.preview,
-      "content__view--flex": !0
-    })}>${!this.hideContentTop && o`<div class="content__top">${this.showPreSearch ? null : o`<div class="content__top__summary"><span class=${r({ selection: !0, hide: !this.alwaysShowSelection })}><slot name=selection></slot></span>${!this.loading && o`<span class="range">${this.pageRangeText}<slot name=range-end></slot></span>` || ""}</div>`}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot><slot name=sort></slot></div></div>` || ""}${this.loading && (!this.alwaysShowContent || this.initialHide) && o`<div class="cover"><calcite-loader class="loader" .label=${this._messages.browser?.loading ?? ""}></calcite-loader></div>` || ""}${this.renderNoResults()}${!this.loading && this.showPreSearch && o`<div class="cover"><div class="no-results"><slot name=pre-search></slot></div></div>` || ""}<div class=${r({
-      hide: !!this.showPreSearch || this.loading && !this.alwaysShowContent || !this.loading && this.noResults || this.initialHide,
-      "results-wrapper--spaced": this.hideContentTop,
-      "results-wrapper": !0
-    })}><slot name=content></slot></div><div class=${r({ hide: this.loading || this.noResults && !this.alwaysShowPagination })}><slot name=pagination></slot><slot name=content-end></slot></div></div></div></div><slot name=scroll-end></slot></div></div>`;
-  }
-}
-y("arcgis-portal-browser", q);
+import "../arcgis-portal-browser-filter/customElement.js";
+import "../arcgis-portal-browser-filters/customElement.js";
+import { A as B } from "../../chunks/portal-browser.js";
+import "../../chunks/store.js";
 export {
-  q as ArcgisPortalBrowser
+  B as ArcgisPortalBrowser
 };

package/dist/components/arcgis-portal-browser/utils/store.d.ts

@@ -1,17 +1,17 @@
 import type Accessor from "@arcgis/core/core/Accessor.js";
 import type { Accordion as Accordion } from "@esri/calcite-components/components/calcite-accordion";
 
-export type PortalBrowserFilterDetail = {
+export interface PortalBrowserFilterDetail<T = unknown> {
   id: string;
   label: string;
-  value: unknown;
+  value: T;
   additionalParams?: unknown;
-};
+}
 
 export type PortalBrowserStore = ReturnType<typeof createPortalBrowserStore>;
 
 /** @param initialState */
-export function createPortalBrowserStore(initialState?: Partial<PortalBrowserState>): Accessor & PortalBrowserState;
+export function createPortalBrowserStore<Type extends PortalBrowserState>(initialState?: PortalBrowserState): Accessor & Type;
 
 export interface PortalBrowserState {
   type?: "group-browser" | "item-browser" | "member-browser";

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

@@ -1,6 +1,12 @@
+import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
+import type { ItemSourceJSON } from "../../../types/item.js";
+import type { SearchResultUser } from "../../../types/user.js";
+
 /** @param input */
 export type RangeFormatter = (input: RangeFormatInput) => Promise<[string, string]>;
 
+export type BrowserContent = ItemSourceJSON[] | PortalGroup[] | SearchResultUser[];
+
 export interface BrowserPageDetail {
   start: number;
   total: number;

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

@@ -1,8 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { SearchResultGroup } from "../../types/group.js";
-import type { SearchResultItem } from "../../types/item.js";
-import type { SearchResultUser } from "../../types/user.js";
+import type { BrowserContent } from "../arcgis-portal-browser/utils/types.js";
 import type { PortalBrowserAction } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -182,6 +180,6 @@ export abstract class ArcgisPortalBrowserActions extends LitElement {
       };
   }>;
   accessor actions: PortalBrowserAction[];
-  accessor selection: SearchResultGroup[] | SearchResultItem[] | SearchResultUser[] | undefined;
+  accessor selection: BrowserContent | undefined;
   restoreFocus(): Promise<void>;
 }

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
+import { c as d } from "../../chunks/runtime.js";
 import { LitElement as u, nothing as m } from "@arcgis/lumina";
 import { css as p, html as s } from "lit";
-import { createRef as l, ref as a } from "lit/directives/ref.js";
+import { createRef as c, ref as l } from "lit/directives/ref.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { t as f } from "../../chunks/functionalities.js";
 const w = p`:host{display:flex;justify-content:flex-end;margin-inline:1rem;position:relative}.wrapper{padding-inline-start:.25rem;display:flex;border-inline-start:1px solid var(--calcite-color-border-1);border-inline-end:1px solid var(--calcite-color-border-1)}.tooltip-container{width:9rem}.button{margin-inline-end:.25rem}.measure-container{position:absolute;width:100%;height:0;overflow:hidden}.measure-text{visibility:hidden;height:0;width:auto;overflow:hidden;font-size:var(--calcite-font-size--1)}`;
 class b extends u {
   constructor() {
-    super(...arguments), this.measureText = l(), this.overflowButton = l(), this.resizeObserver = null, this.actionWidths = [], this._messages = v({ name: "portal-browser", blocking: !0 }), this.buttonPadding = 88, this.moreWidth = 0, this.elementWidth = 0, this.visibleActions = [], this.overflowActions = [], this.calculating = !1, this.actions = [];
+    super(...arguments), this.measureText = c(), this.overflowButton = c(), this.resizeObserver = null, this.actionWidths = [], this._messages = v({ name: "portal-browser", blocking: !0 }), this.buttonPadding = 88, this.moreWidth = 0, this.elementWidth = 0, this.visibleActions = [], this.overflowActions = [], this.calculating = !1, this.actions = [];
   }
   static {
     this.properties = { visibleActions: 16, overflowActions: 16, calculating: 16, actions: 0, selection: 0 };
@@ -20,7 +20,7 @@ class b extends u {
     this.lastExecutedAction?.setFocus();
   }
   willUpdate(t) {
-    t.has("actions") && (this.measureAndCacheWidths(this.actions), this.calculateOverflow()), t.has("selection") && (this.selection?.length ? f(100).then(() => {
+    t.has("actions") && (this.measureAndCacheWidths(this.actions), this.calculateOverflow()), t.has("selection") && (this.hasSelection() ? f(100).then(() => {
       this.calculating = !1;
     }) : this.calculating = !0);
   }
@@ -45,12 +45,15 @@ class b extends u {
     e.textContent = i, this.moreWidth = e.scrollWidth + this.buttonPadding;
   }
   calculateOverflow() {
-    const t = this.moreWidth, e = this.actionWidths.reduce(({ width: i, visible: o, overflow: r }, { action: c, width: d }) => {
-      const n = i + d;
-      return n >= this.elementWidth ? { width: n, visible: o, overflow: [...r, c] } : { width: n, visible: [...o, c], overflow: r };
+    const t = this.moreWidth, e = this.actionWidths.reduce(({ width: i, visible: o, overflow: r }, { action: a, width: h }) => {
+      const n = i + h;
+      return n >= this.elementWidth ? { width: n, visible: o, overflow: [...r, a] } : { width: n, visible: [...o, a], overflow: r };
     }, { visible: [], overflow: [], width: t });
     this.visibleActions = e.visible, this.overflowActions = e.overflow;
   }
+  hasSelection() {
+    return !!this.selection?.length;
+  }
   renderButton(t) {
     const e = t.id || `${t.text}-${t.icon || "none"}`;
     return s`<div><calcite-button class="button" .iconStart=${t.icon} @click=${(i) => {
@@ -59,12 +62,12 @@ class b extends u {
   }
   render() {
     const t = this.overflowActions.length > 0, e = this._messages.actions.more;
-    return s`<div><span class="measure-container"><span class="measure-text" aria-hidden ${a(this.measureText)}></span></span>${!!this.selection?.length && (this.visibleActions.length > 0 || t) && !this.calculating && s`<nav class="wrapper">${this.visibleActions.map((i) => this.renderButton(i))}${t && s`<calcite-dropdown width=m placement=bottom-end><calcite-button slot=trigger kind=neutral icon-end=chevron-down appearance=transparent ${a(this.overflowButton)}>${e}</calcite-button><calcite-dropdown-group selection-mode=none>${this.overflowActions.map((i) => s`<calcite-dropdown-item .iconStart=${i.icon || "blank"} @calciteDropdownItemSelect=${() => {
+    return s`<div><span class="measure-container"><span class="measure-text" aria-hidden ${l(this.measureText)}></span></span>${this.hasSelection() && (this.visibleActions.length > 0 || t) && !this.calculating && s`<nav class="wrapper">${this.visibleActions.map((i) => this.renderButton(i))}${t && s`<calcite-dropdown width=m placement=bottom-end><calcite-button slot=trigger kind=neutral icon-end=chevron-down appearance=transparent ${l(this.overflowButton)}>${e}</calcite-button><calcite-dropdown-group selection-mode=none>${this.overflowActions.map((i) => s`<calcite-dropdown-item .iconStart=${i.icon || "blank"} @calciteDropdownItemSelect=${() => {
       this.lastExecutedAction = this.overflowButton.value || void 0, i.onClick();
     }}>${i.text}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown>` || ""}</nav>` || ""}</div>`;
   }
 }
-h("arcgis-portal-browser-actions", b);
+d("arcgis-portal-browser-actions", b);
 export {
   b as ArcgisPortalBrowserActions
 };