@arcgis/portal-components 5.2.0-next.7 → 5.2.0-next.70

package/dist/components/arcgis-portal-user-popup/customElement.js

@@ -1,145 +1,86 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as A } from "../../chunks/runtime.js";
-import { LitElement as B, createEvent as y, safeClassMap as k, safeStyleMap as L } from "@arcgis/lumina";
-import { css as R, html as u } from "lit";
-import { createRef as U, ref as I } from "lit/directives/ref.js";
-import { u as z } from "../../chunks/useT9n.js";
-import { a as _, r as $, f as w } from "../../chunks/user2.js";
-import { g as T } from "../../chunks/user.js";
-import { Sanitizer as H } from "@esri/arcgis-html-sanitizer";
-import { g as P } from "../../chunks/portal.js";
-function C(e) {
-  const t = /(https?:\/\/[^\s]+)/gu;
-  return e?.replace(t, (r) => `<a href="${r}" target="_blank">${r}</a>`);
-}
-function M(e) {
-  return e?.replace(/(?:\r)/gu, "&#10;").replace(/(?:\n)/gu, "&#13;");
-}
-function q(e) {
-  return e?.replace(/(?:&#10;)/gu, "\r").replace(/(?:&#13;)/gu, `
-`);
-}
-function S(e) {
-  return e?.replace(/&#10;&#13;|&#10;|&#13;|\r\n|\r|\n/gu, "<br>");
-}
-function E(e) {
-  return S(M(C(q(e))));
-}
-function F(e) {
-  return e?.endsWith("/") ? e.slice(0, e.length - 1) : e;
-}
-const G = R`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`;
-function O(e) {
-  return new H().sanitize(e);
-}
-function D(e) {
-  const t = O(e), r = document.createElement("div");
-  return r.innerHTML = t, r.textContent || r.innerText || "";
-}
-async function J(e, t, r, s, o) {
-  const n = e.portal?.portalHostname || s?.portalHostname || s?.restUrl?.replace("/sharing/rest", ""), a = o ? `https://www.arcgis.com/sharing/rest/portals/${t}` : `https://${n}/sharing/rest/portals/${t}`;
-  if (!n && !o)
-    return null;
-  const i = o ? { disableIdentityLookup: !0, addTokenManually: !1 } : {}, l = await $({ url: a, portal: s, options: i }), { urlKey: m, thumbnail: c, customBaseUrl: p } = l, f = `https://${m}.${p}/`, h = c ? `${f}sharing/rest/portals/self/resources/${c}` : null;
-  let d = "", v = "";
-  try {
-    const g = await $({
-      url: `${a}/resources/localizedOrgProperties`,
-      portal: s,
-      params: { start: 1, num: 100 },
-      options: i
-    });
-    if (g) {
-      const b = g[r] || g.default;
-      d = b.name, v = b.description;
-    }
-  } catch {
-  }
-  return {
-    name: d || l.name,
-    description: D(v || l.description),
-    url: `${f}home/`,
-    thumbnail: h
-  };
-}
-async function K(e, t, r, s) {
-  const o = e.sourceJSON?.orgId ?? e.portal?.id ?? r?.id;
-  return await _({
-    requester: async () => await J(e, o, t, r, s),
-    key: "verified",
-    id: o
-  });
-}
-const N = (e) => (
+import { LitElement as R, createEvent as g, safeClassMap as b, safeStyleMap as B } from "@arcgis/lumina";
+import { css as N, html as l } from "lit";
+import { createRef as $, ref as w } from "lit/directives/ref.js";
+import { u as L } from "../../chunks/useT9n.js";
+import { f } from "../../chunks/user.js";
+import { r as C, g as T } from "../../chunks/string.js";
+import { g as z } from "../../chunks/user2.js";
+import { f as k, r as y } from "../../chunks/request.js";
+import { s as q } from "../../chunks/dom.js";
+import { g as U } from "../../chunks/portal.js";
+import { f as F } from "../../chunks/verified.js";
+const H = N`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`, I = (a) => (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  e?.sourceJSON?.contentStatus === "public_authoritative"
+  a?.sourceJSON?.contentStatus === "public_authoritative"
 );
-async function V(e, t, r, s) {
-  if (N(e)) {
-    const o = e.owner || "", n = await K(e, r, t, s);
-    if (!n)
-      return await w(o, t, s);
-    const { description: a, name: i, thumbnail: l, url: m } = n;
+async function M(a, t, r, o) {
+  if (I(a)) {
+    const e = a.owner || "", s = await F(a, r, t, o);
+    if (!s)
+      return await f(e, t, o);
+    const { description: n, name: i, thumbnail: u, url: m } = s;
     return {
-      description: a ? O(a) : "",
+      description: n ? q(n) : "",
       fullName: i,
-      username: o,
-      thumbnail: l,
-      id: e.portal.id,
+      username: e,
+      thumbnail: u,
+      id: a.portal.id,
       url: m
     };
   }
-  return await w(e.owner || "", t, s);
+  return await f(a.owner || "", t, o);
 }
-async function W(e, t, r) {
-  const s = r ? "https://www.arcgis.com/sharing/rest/" : P(t), o = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
-  return await _({
-    requester: async () => await $({
-      url: `${s}community/groups`,
+async function E(a, t, r) {
+  const o = r ? "https://www.arcgis.com/sharing/rest/" : U(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
+  return await k({
+    requester: async () => await y({
+      url: `${o}community/groups`,
       portal: t,
       params: {
-        q: `(owner:"${e}")`,
+        q: `(owner:"${a}")`,
         num: 100
       },
-      options: o
+      options: e
     }),
     key: "userGroups",
-    id: e
+    id: a
   });
 }
-async function j(e, t, r) {
-  const s = r ? "https://www.arcgis.com/sharing/rest/" : P(t), o = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
-  return await _({
-    requester: async () => (await $({
-      url: `${s}search`,
+async function G(a, t, r) {
+  const o = r ? "https://www.arcgis.com/sharing/rest/" : U(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
+  return await k({
+    requester: async () => (await y({
+      url: `${o}search`,
       portal: t,
       params: {
-        q: `(owner:"${e}") -typekeywords:"recyclebin"`,
+        q: `(owner:"${a}") -typekeywords:"recyclebin"`,
         num: 1
       },
-      options: o
+      options: e
     })).total,
     key: "userItemsTotal",
-    id: e
+    id: a
   });
 }
-function x({
-  baseUrl: e,
+function _({
+  baseUrl: a,
   user: t,
   type: r
 }) {
-  const s = F(e), o = encodeURIComponent(t.username || "");
-  return o ? `${s}/${r}.html?user=${o}` : `${s}/${r}.html`;
+  const o = C(a), e = encodeURIComponent(t.username || "");
+  return e ? `${o}/${r}.html?user=${e}` : `${o}/${r}.html`;
 }
-class Q extends B {
+class S extends R {
   constructor() {
-    super(...arguments), this.messages = z({ blocking: !0 }), this.buttonRef = U(), this.popoverRef = U(), this.isPopoverOpen = !1, this.scale = "m", this.showAvatar = !0, this.showName = !0, this.showUsername = !1, this.appearance = "transparent", this.arcgisUserPopupInternalUIAction = y(), this.arcgisUserPopupClose = y();
+    super(...arguments), this.messages = L({ blocking: !0 }), this.buttonRef = $(), this.popoverRef = $(), this.isPopoverOpen = !1, this.scale = "m", this.showAvatar = !0, this.showName = !0, this.showUsername = !1, this.appearance = "transparent", this.arcgisUserPopupInternalUIAction = g(), this.arcgisUserPopupClose = g();
   }
   static {
     this.properties = { itemUserInfo: 16, groups: 16, total: 16, isPopoverOpen: 16, user: 0, username: 1, fullName: 1, item: 0, scale: 3, portal: 0, baseUrl: 1, underline: 5, showAvatar: 5, showName: 5, showUsername: 5, wrap: 5, appearance: 1, zIndex: 9, avatarAriaHidden: 5, checkOnline: 5 };
   }
   static {
-    this.styles = G;
+    this.styles = H;
   }
   async setFocus() {
     this.buttonRef.value?.focus();
@@ -157,26 +98,26 @@ class Q extends B {
     return this.baseUrl || `${this.portal.url}/home`;
   }
   async init() {
-    const { item: t, username: r, portal: s, fullName: o, messages: n } = this;
-    if (!(!n._lang || !s)) {
+    const { item: t, username: r, portal: o, fullName: e, messages: s } = this;
+    if (!(!s._lang || !o)) {
       if (t) {
-        this.itemUserInfo = await V(t, s, n._lang, this.checkOnline);
+        this.itemUserInfo = await M(t, o, s._lang, this.checkOnline);
         return;
       }
       if (r) {
-        const a = await w(r, s, this.checkOnline);
-        !a.fullName && o && (a.fullName = o), this.itemUserInfo = a;
+        const n = await f(r, o, this.checkOnline);
+        !n.fullName && e && (n.fullName = e), this.itemUserInfo = n;
       }
     }
   }
   async fetchItemsAndGroups() {
-    const { user: t, itemUserInfo: r, item: s, portal: o, username: n, checkOnline: a } = this, i = n || t?.username || s?.owner || r?.username;
-    if (!(!i || !o)) {
+    const { user: t, itemUserInfo: r, item: o, portal: e, username: s, checkOnline: n } = this, i = s || t?.username || o?.owner || r?.username;
+    if (!(!i || !e)) {
       if (!this.groups) {
-        const l = await W(i, o, a);
-        this.groups = l;
+        const u = await E(i, e, n);
+        this.groups = u;
       }
-      this.total = await j(i, o, a);
+      this.total = await G(i, e, n);
     }
   }
   setPopoverOpen(t) {
@@ -188,44 +129,44 @@ class Q extends B {
     t.preventDefault(), window.open(r, "_blank");
   }
   renderOrgButtons(t) {
-    const { messages: r } = this, o = (t.url || this.resolvedBaseUrl).replace(/\/$/u, "");
-    return u`<calcite-button appearance=outline-fill kind=neutral .href=${o} target=_blank @click=${(n) => this.openLink(n, o)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${o}/gallery.html`} target=_blank @click=${(n) => this.openLink(n, `${o}/gallery.html`)}>${r.gallery}</calcite-button>`;
+    const { messages: r } = this, e = (t.url || this.resolvedBaseUrl).replace(/\/$/u, "");
+    return l`<calcite-button appearance=outline-fill kind=neutral .href=${e} target=_blank @click=${(s) => this.openLink(s, e)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${e}/gallery.html`} target=_blank @click=${(s) => this.openLink(s, `${e}/gallery.html`)}>${r.gallery}</calcite-button>`;
   }
   renderUserButtons(t) {
-    const { total: r, groups: s, messages: o } = this, n = t.username || "";
-    if (typeof r != "number" || !s)
-      return u`<calcite-loader .label=${o.loadingUserInformation} scale=s class="popover__loader"></calcite-loader>`;
-    const i = x({ baseUrl: this.resolvedBaseUrl, user: { username: n }, type: "groups" }), l = x({ baseUrl: this.resolvedBaseUrl, user: { username: n }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(n)}`;
-    return u`${!!s.total && u`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${i} target=_blank @click=${(c) => {
-      this.openLink(c, i), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all groups" });
-    }}>${o.groups.replace("${number}", new Intl.NumberFormat(o._lang).format(s.total))}</calcite-button>` || ""}${!!r && u`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${l} target=_blank @click=${(c) => {
-      this.openLink(c, l), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all content" });
-    }}>${o.items.replace("${number}", new Intl.NumberFormat(o._lang).format(r))}</calcite-button>` || ""}<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${m} target=_blank @click=${(c) => {
-      this.openLink(c, m), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view profile" });
-    }}>${o.profile}</calcite-button>`;
+    const { total: r, groups: o, messages: e } = this, s = t.username || "";
+    if (typeof r != "number" || !o)
+      return l`<calcite-loader .label=${e.loadingUserInformation} scale=s class="popover__loader"></calcite-loader>`;
+    const i = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "groups" }), u = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(s)}`;
+    return l`${!!o.total && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${i} target=_blank @click=${(p) => {
+      this.openLink(p, i), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all groups" });
+    }}>${e.groups.replace("${number}", new Intl.NumberFormat(e._lang).format(o.total))}</calcite-button>` || ""}${!!r && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${u} target=_blank @click=${(p) => {
+      this.openLink(p, u), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all content" });
+    }}>${e.items.replace("${number}", new Intl.NumberFormat(e._lang).format(r))}</calcite-button>` || ""}<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${m} target=_blank @click=${(p) => {
+      this.openLink(p, m), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view profile" });
+    }}>${e.profile}</calcite-button>`;
   }
   render() {
-    const { user: t, itemUserInfo: r, portal: s, item: o, appearance: n, scale: a, isPopoverOpen: i, showName: l, showUsername: m, messages: c } = this, p = t || r;
-    if (!c._lang || !p)
-      return u`<arcgis-portal-user-avatar scale=s show-name .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar>`;
-    const f = N(o), h = p.username || "", d = E(p.description || "") || "", v = T(p, c._lang), g = f ? c.itemManagedBy.replace("${username}", h) : h;
-    return u`<button class=${k({
+    const { user: t, itemUserInfo: r, portal: o, item: e, appearance: s, scale: n, isPopoverOpen: i, showName: u, showUsername: m, messages: p } = this, c = t || r;
+    if (!p._lang || !c)
+      return l`<arcgis-portal-user-avatar scale=s show-name .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar>`;
+    const v = I(e), d = c.username || "", h = T(c.description || "") || "", x = z(c, p._lang), P = v ? p.itemManagedBy.replace("${username}", d) : d;
+    return l`<button class=${b({
       button: !0,
-      "button--outline": n === "outline"
+      "button--outline": s === "outline"
     })} @click=${() => {
       this.isPopoverOpen || (this.isPopoverOpen = !0), this.fetchItemsAndGroups();
-    }} ${I(this.buttonRef)}><slot><arcgis-portal-user-avatar .user=${p} .scale=${a} .portal=${s} .showName=${l} .description=${m ? h : ""} .hideAvatar=${!this.showAvatar} .underline=${this.underline} .checkOnline=${this.checkOnline} .wrap=${this.wrap}></arcgis-portal-user-avatar></slot></button>${i && this.buttonRef.value && p && u`<calcite-popover class="popover" .label=${v} pointer-disabled .referenceElement=${this.buttonRef.value} placement=auto .id=${`${h}-popover`} auto-close style=${L({ "--calcite-popover-z-index": this.zIndex?.toString() || "12" })} @calcitePopoverOpen=${() => {
+    }} ${w(this.buttonRef)}><slot><arcgis-portal-user-avatar .user=${c} .scale=${n} .portal=${o} .showName=${u} .description=${m ? d : ""} .hideAvatar=${!this.showAvatar} .underline=${this.underline} .checkOnline=${this.checkOnline} .wrap=${this.wrap}></arcgis-portal-user-avatar></slot></button>${i && this.buttonRef.value && c && l`<calcite-popover class="popover" .label=${x} pointer-disabled .referenceElement=${this.buttonRef.value} placement=auto .id=${`${d}-popover`} auto-close style=${B({ "--calcite-popover-z-index": this.zIndex?.toString() || "12" })} @calcitePopoverOpen=${() => {
       this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "open profile popup" });
     }} @calcitePopoverClose=${() => {
       this.isPopoverOpen = !1, this.arcgisUserPopupClose.emit();
-    }} @keydown=${(b) => {
-      b.key === "Escape" && setTimeout(() => {
+    }} @keydown=${(O) => {
+      O.key === "Escape" && setTimeout(() => {
         this.buttonRef.value?.focus();
       }, 200);
-    }} ${I(this.popoverRef)}><div class="popover__wrapper"><div class="popover__header"><arcgis-portal-user-avatar class="popover__avatar" .user=${p} scale=l .portal=${s} show-name .description=${g} .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar></div><div class="popover__content">${!!d && u`<p class="popover__description">${d}</p>` || ""}${!!d && u`<div class="popover__fade"></div>` || ""}<div class=${k({ popover__buttons: !0, "popover__buttons--no-description": !d })}>${f ? this.renderOrgButtons(p) : this.renderUserButtons(p)}</div></div></div></calcite-popover>` || ""}`;
+    }} ${w(this.popoverRef)}><div class="popover__wrapper"><div class="popover__header"><arcgis-portal-user-avatar class="popover__avatar" .user=${c} scale=l .portal=${o} show-name .description=${P} .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar></div><div class="popover__content">${!!h && l`<p class="popover__description">${h}</p>` || ""}${!!h && l`<div class="popover__fade"></div>` || ""}<div class=${b({ popover__buttons: !0, "popover__buttons--no-description": !h })}>${v ? this.renderOrgButtons(c) : this.renderUserButtons(c)}</div></div></div></calcite-popover>` || ""}`;
   }
 }
-A("arcgis-portal-user-popup", Q);
+A("arcgis-portal-user-popup", S);
 export {
-  Q as ArcgisPortalUserPopup
+  S as ArcgisPortalUserPopup
 };

package/dist/components/arcgis-portal-voice-input/customElement.d.ts

@@ -6,7 +6,7 @@ export abstract class ArcgisPortalVoiceInput extends LitElement {
   /**
    * Language for speech recognition (e.g., 'en-US', 'es-ES'). If not provided, the browser's default language will be used.
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/lang
+   * @see https://developer.mozilla.org/docs/Web/API/SpeechRecognition/lang
    */
   accessor language: string | undefined;
   clearText(): Promise<void>;

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

@@ -0,0 +1,14 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as e } from "lit";
+import { safeClassMap as p } from "@arcgis/lumina";
+function v(l) {
+  const { action: a, active: c = !1, clearDisabled: s = !1, clearLabel: n = "Clear", children: t, expanded: o = !1, heading: i, noPadding: d = !1, onRemove: f, primary: m = !1, setExpanded: r } = l;
+  return m ? e`<div class="filter--primary"><div class="filter__header filter__header--primary"><h3 class="filter__title">${i}</h3>${a}</div>${t}</div>` : e`<calcite-accordion-item class="filter__accordion-item" .heading=${i} .expanded=${o} @calciteAccordionItemExpand=${() => {
+    r?.(!0);
+  }} @calciteAccordionItemCollapse=${() => {
+    r?.(!1);
+  }}><div slot=actions-end class="filter__actions-slot arcgis-item-browser-filter__actions-slot">${a}${c && !s && e`<calcite-button class="clear-button" scale=s kind=neutral appearance=transparent @click=${() => f?.()}>${n}</calcite-button>` || ""}</div><div class=${p({ filter__content: !0, "filter__content--padded": !d })}>${t}</div></calcite-accordion-item>`;
+}
+export {
+  v as PortalBrowserFilterItem
+};

package/dist/components/portal-browser/components/portal-browser-filter/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-accordion-item";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

package/dist/components/portal-browser/components/portal-browser-filter-date/customElement.js

@@ -0,0 +1,59 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as f } from "lit";
+import { substitute as P } from "@arcgis/core/intl.js";
+import { nothing as B } from "@arcgis/lumina";
+import { PortalBrowserFilterItem as F } from "../portal-browser-filter/customElement.js";
+const y = 1440 * 60 * 1e3;
+function u(t) {
+  const i = typeof t == "string" ? Number.parseInt(t, 10) : typeof t == "number" ? t : (t ?? /* @__PURE__ */ new Date()).valueOf(), r = new Date(i);
+  return r.setHours(0, 0, 0, 0), r.valueOf();
+}
+function g(t) {
+  return u(t) + y - 1;
+}
+const E = 7 * y, w = ["today", "yesterday", "last7", "last30", "never", "custom"], M = (t, i, r) => {
+  const s = u(), a = g();
+  switch (t) {
+    case "yesterday":
+      return [s - y, s - 1];
+    case "today":
+      return [s, a];
+    case "last7":
+      return [s - E, a];
+    case "last30":
+      return [s - y * 30, a];
+    case "never":
+      return [-1, -1];
+    case "custom":
+      return i && r ? [u(i), g(r)] : null;
+    default:
+      return null;
+  }
+};
+function H(t) {
+  const { clearLabel: i, end: r, expanded: s, filterDateMessages: a, includeNever: $, onFilter: b, onRemove: v, property: d, range: l, serverProperty: h, setExpanded: O, start: m } = t, I = a.title[d], S = $ ? w : w.filter((e) => e !== "never"), k = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), x = !!(l && (l !== "custom" || m && r)), D = (e, n, c) => {
+    const p = h ?? (d === "modified" ? "modified" : "uploaded"), o = M(e, n, c), A = e ? a[e] : "";
+    b?.({
+      id: d,
+      label: e ? P(a[d], { date: A }) : "",
+      value: o ? `(${p}:[${o[0]} TO ${o[1]}])` : "",
+      range: e,
+      start: o ? new Date(o[0]) : void 0,
+      end: o ? new Date(o[1]) : void 0
+    });
+  };
+  return F({ heading: I, expanded: s, setExpanded: O, active: x, clearLabel: i, onRemove: v, children: f`<div><calcite-tree selection-mode=children scale=m @calciteTreeSelect=${(e) => {
+    const n = e.target.selectedItems?.[0]?.dataset.range, c = l === n ? null : n;
+    if (!c) {
+      v?.();
+      return;
+    }
+    D(c, m, r);
+  }}>${S.map((e) => f`<calcite-tree-item data-range=${e ?? B} .selected=${e === l}>${a[e]}</calcite-tree-item>`)}</calcite-tree>${l === "custom" && f`<calcite-input-date-picker class="custom-date-picker" @calciteInputDatePickerChange=${(e) => {
+    const n = e.target.valueAsDate, [c, p] = Array.isArray(n) ? n : [];
+    c && p && D("custom", c, p);
+  }} scale=s .max=${k} calendars=1 layout=vertical month-style=abbreviated proximity-selection-disabled range .valueAsDate=${m && r ? [new Date(u(m)), new Date(u(r))] : []}></calcite-input-date-picker>` || ""}</div>` });
+}
+export {
+  H as PortalBrowserFilterDate
+};

package/dist/components/portal-browser/components/portal-browser-filter-date/index.js

@@ -0,0 +1,4 @@
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
+import "@esri/calcite-components/components/calcite-input-date-picker";
+export * from "./customElement.js";

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

@@ -0,0 +1,11 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as c } from "lit";
+import { nothing as p, safeClassMap as d } from "@arcgis/lumina";
+import { b as m } from "../../../../chunks/ui.js";
+function v(o) {
+  const { bottom: r, children: e, primary: i, slot: s, store: t, title: a, top: l } = o, n = !!t?.panel || (t?.width ?? 0) < m.sm;
+  return c`<div slot=${s ?? p} class="filters-shell" .inert=${!!t?.preview}><div class=${d({ "filters-shell__top": !0, "filters-shell__top--padded": n })}>${l}</div>${i}${a}<calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m>${e}</calcite-accordion>${r}</div>`;
+}
+export {
+  v as PortalBrowserFilters
+};

package/dist/components/portal-browser/components/portal-browser-filters/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-accordion";
+export * from "./customElement.js";

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

@@ -0,0 +1,129 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as a } from "lit";
+import { substitute as m } from "@arcgis/core/intl.js";
+import { nothing as u } from "@arcgis/lumina";
+import { i as ie } from "../../chunks/users.js";
+import { PortalBrowserFilterDate as pe } from "../portal-browser/components/portal-browser-filter-date/customElement.js";
+import { PortalBrowserFilterItem as g } from "../portal-browser/components/portal-browser-filter/customElement.js";
+import { PortalBrowserFilters as de } from "../portal-browser/components/portal-browser-filters/customElement.js";
+import { g as me, a as ue, b as ge, c as be, d as fe } from "../../chunks/query.js";
+function Ue(U) {
+  const { browserMessages: $, slot: y, filters: l, hasIndoorsSpaces: v, isFilterActive: b, messages: t, portal: f, selectedAccess: L, selectedGroupsByUser: z, selectedMemberOrg: N, selectedMembership: j, selectedOwner: H, selectedSpecialGroup: J, specialGroupOptions: K, store: q, handleRemove: c, handleSelect: n, handleUpsert: o, handleUserFilterChange: W } = U, I = f.isPortal, C = f.user, S = ie(C), w = C?.username ?? "", X = (e) => e === w ? m(t.groupsByUser.me, { username: e }) : e, F = (e, s) => e === "owner" ? s : e === "outsideOrg" && S ? t.owner.someoneElse : e === "inOrg" ? t.owner.inOrg : e === "outsideOrg" ? t.owner.outsideOrg : s, B = l.owner, M = H ?? B?.props?.owner ?? null, x = B?.props?.username ?? w, Y = f.id ?? "", Z = S ? ["owner", "outsideOrg"] : ["owner", "inOrg", "outsideOrg"], P = l.membership, T = j ?? P?.props?.membership ?? null, V = ["org", "collaboration", "anyOrg"], G = l.memberOrg, Q = N ?? G?.props?.memberOrg ?? null, ee = G?.props?.orgId ?? f.id ?? "", se = ["myOrg", "anotherOrg"], E = l.specialGroups, _ = J ?? E?.props?.specialGroup ?? null, R = l.access, A = L ?? R?.props?.access ?? null, re = ["public", "org", "private"], h = l.groupsByUser, D = h?.props?.usernames ?? [], te = h?.props?.selectedUsername ?? z ?? D[0] ?? w, i = $.filter.clear, p = (e, s) => {
+    const r = l[e];
+    r && (r.props = {
+      ...r.props,
+      expanded: s
+    });
+  };
+  return de({ slot: y, store: q, title: a`<div class="filters-title"><h2 class="filters-title__heading">${t.filters.title}</h2><slot name=before-filters></slot></div>`, children: a`${!!h?.enabled && g({ heading: t.groupsByUser.title, expanded: !!h?.props?.expanded, setExpanded: (e) => p("groupsByUser", e), clearLabel: i, onRemove: () => {
+    n({
+      kind: "groupsByUser",
+      value: h?.props?.selectedUsername ?? w
+    });
+  }, children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const s = e.target.selectedItems?.[0]?.dataset.username ?? "";
+    n({ kind: "groupsByUser", value: s }), W(s);
+  }}>${D.map((e) => a`<calcite-tree-item data-username=${e ?? u} .selected=${e === te}><a class="groups-by-user__label">${X(e)}</a></calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!B?.enabled && g({ heading: t.owner.title, expanded: !!B?.props?.expanded, setExpanded: (e) => p("owner", e), active: b("owner"), clearLabel: i, onRemove: () => c("owner"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const s = "owner", r = O(M, e, s);
+    if (!r) {
+      c(s);
+      return;
+    }
+    o({
+      id: s,
+      label: m(t.owner.label, { label: F(r, x) }),
+      param: "q",
+      value: me(r, x, {
+        isPublicUser: S,
+        orgId: Y
+      }),
+      owner: r,
+      username: x
+    }), n({ kind: s, value: r });
+  }}>${Z.filter((e) => !(I || v) || e !== "outsideOrg").map((e) => a`<calcite-tree-item data-owner=${e ?? u} .selected=${M === e}>${F(e, x)}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(P?.enabled && // https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/44198
+  !I && // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
+  !v) && g({ heading: t.membership.title, expanded: !!P?.props?.expanded, setExpanded: (e) => p("membership", e), active: b("membership"), clearLabel: i, onRemove: () => c("membership"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const s = "membership", r = O(T, e, s);
+    if (!r) {
+      c(s);
+      return;
+    }
+    o({
+      id: s,
+      label: m(t.membership.label, { label: t.membership[r] }),
+      param: "q",
+      value: ue(r, v),
+      membership: r
+    }), n({ kind: s, value: r });
+  }}>${V.map((e) => a`<calcite-tree-item data-membership=${e ?? u} .selected=${T === e}>${t.membership[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(G?.enabled && !I) && g({ heading: t.memberOrg.title, expanded: !!G?.props?.expanded, setExpanded: (e) => p("memberOrg", e), active: b("memberOrg"), clearLabel: i, onRemove: () => c("memberOrg"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const s = "memberOrg", r = O(Q, e, s);
+    if (!r) {
+      c(s);
+      return;
+    }
+    o({
+      id: s,
+      label: m(t.memberOrg.label, { label: t.memberOrg[r] }),
+      param: "q",
+      value: ge(r, ee),
+      memberOrg: r
+    }), n({ kind: s, value: r });
+  }}>${se.map((e) => a`<calcite-tree-item data-member-org=${e ?? u} .selected=${Q === e}>${t.memberOrg[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${E?.enabled && g({ heading: t.specialGroups.title, expanded: !!E.props?.expanded, setExpanded: (e) => p("specialGroups", e), active: b("specialGroups"), clearLabel: i, onRemove: () => c("specialGroups"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${async (e) => {
+    const s = "specialGroups", r = O(_, e, s);
+    if (!r) {
+      c(s);
+      return;
+    }
+    const k = await be(r, f);
+    o({
+      id: "specialGroups",
+      label: m(t.specialGroups.label, { label: t.specialGroups[r] }),
+      param: "q",
+      value: k,
+      specialGroup: r
+    }), n({ kind: "specialGroups", value: r });
+  }}>${K.map((e) => a`<calcite-tree-item data-special-groups=${e ?? u} .selected=${_ === e}><span class="special-groups-settings-option">${t.specialGroups[e]}${e === "settings" && a`<span class="special-groups-settings-icon"><calcite-icon id=portal-group-browser-special-groups-settings-info icon=information scale=s text-label=Information></calcite-icon><calcite-tooltip placement=bottom-end reference-element=portal-group-browser-special-groups-settings-info>Groups used in organization settings.</calcite-tooltip></span>` || ""}</span></calcite-tree-item>`)}</calcite-tree>` }) || ""}${["modified", "created"].filter((e) => l[e]?.enabled).map((e) => {
+    const s = l[e]?.props, r = q.filters[e], k = !!s?.includeNever, ae = r?.range ?? s?.range ?? null, le = r?.start ?? s?.start, ce = r?.end ?? s?.end, ne = s?.serverProperty, oe = s?.expanded;
+    return pe({ property: e, filterDateMessages: $.filterDate, clearLabel: i, expanded: oe, setExpanded: (d) => p(e, d), includeNever: k, range: ae, start: le, end: ce, serverProperty: ne, onRemove: () => {
+      o({
+        id: e,
+        label: "",
+        param: "q",
+        value: "",
+        range: null,
+        start: null,
+        end: null
+      });
+    }, onFilter: (d) => {
+      o({
+        id: e,
+        label: d.label,
+        param: "q",
+        value: d.value,
+        range: d.range,
+        start: d.start,
+        end: d.end
+      });
+    } });
+  })}${!!R?.enabled && g({ heading: t.access.title, expanded: !!R?.props?.expanded, setExpanded: (e) => p("access", e), active: b("access"), clearLabel: i, onRemove: () => c("access"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const s = "access", r = O(A, e, s);
+    if (!r) {
+      c(s);
+      return;
+    }
+    o({
+      id: s,
+      label: m(t.access.label, { label: t.access[r] }),
+      param: "q",
+      value: fe(r),
+      access: r
+    }), n({ kind: s, value: r });
+  }}>${re.map((e) => a`<calcite-tree-item data-access=${e ?? u} .selected=${A === e}>${t.access[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}` });
+}
+const O = (U, $, y) => {
+  const l = $.target.selectedItems?.[0]?.dataset[y];
+  return U === l ? null : l ?? null;
+};
+export {
+  Ue as PortalGroupBrowserFilters
+};

package/dist/components/portal-group-browser-filters/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+export * from "./customElement.js";

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

@@ -0,0 +1,13 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as g } from "lit";
+import { nothing as o } from "@arcgis/lumina";
+import "../arcgis-portal-browser-pagination/customElement.js";
+function c(r) {
+  const { slot: t = "pagination", store: a, total: n, start: i, num: s, onPage: e } = r;
+  return g`<slot name=${t ?? o} slot=${t ?? o}><arcgis-portal-browser-pagination .store=${a} .total=${n} .start=${i} .num=${s} @arcgisBrowserPage=${(l) => {
+    e(l.detail);
+  }}></arcgis-portal-browser-pagination></slot>`;
+}
+export {
+  c as PortalGroupBrowserPagination
+};

package/dist/components/portal-group-browser-pagination/index.js

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

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

@@ -0,0 +1,16 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as s } from "lit";
+import { nothing as t } from "@arcgis/lumina";
+import "../arcgis-portal-browser-sort/customElement.js";
+const c = ["title", "relevance", "modified"];
+function g(a) {
+  const { slot: o = "sort", sort: r, formFactor: l, sortField: n, sortOrder: p, onSortFieldChange: i, onSortOrderChange: d } = a;
+  return r.enabled ? s`<arcgis-portal-browser-sort slot=${o ?? t} .options=${r.props?.options ?? c} .field=${n} .order=${p} .appearance=${r.props?.appearance ?? "dropdown"} .showText=${r.props?.showText ?? l !== "small"} .useDeleted=${r.props?.useDeleted ?? !1} @arcgisBrowserSortFieldChange=${(e) => {
+    i(e.detail);
+  }} @arcgisBrowserSortOrderChange=${(e) => {
+    d(e.detail);
+  }}></arcgis-portal-browser-sort>` : s`<slot name=${o ?? t} slot=${o ?? t}></slot>`;
+}
+export {
+  g as PortalGroupBrowserSort
+};

package/dist/components/portal-group-browser-sort/index.js

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