@arcgis/portal-components 5.2.0-next.60 → 5.2.0-next.62

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

@@ -8,12 +8,9 @@ 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-filter-status/customElement.js";
-import "../arcgis-portal-browser-filter/customElement.js";
-import "../arcgis-portal-browser-filters/customElement.js";
-import { A as B } from "../../chunks/portal-browser.js";
+import { A as l } from "../../chunks/portal-browser.js";
 import "../../chunks/store.js";
 export {
-  B as ArcgisPortalBrowser
+  l as ArcgisPortalBrowser
 };

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

@@ -13,7 +13,7 @@ export type PortalBrowserStore = ReturnType<typeof createPortalBrowserStore>;
 /** @param initialState */
 export function createPortalBrowserStore<Type extends PortalBrowserState>(initialState?: PortalBrowserState): Accessor & Type;
 
-export interface PortalBrowserState {
+export interface PortalBrowserState<Filters extends PortalBrowserTypedFilters = PortalBrowserFilterMap> {
   type?: "group-browser" | "item-browser" | "member-browser";
   width?: number;
   height?: number;
@@ -26,6 +26,10 @@ export interface PortalBrowserState {
   preview?: string;
   searchTerm?: string;
   hiddenFilters?: string[];
-  filters: Record<string, PortalBrowserFilterDetail>;
+  filters: Filters & PortalBrowserFilterMap;
   recycleBin?: boolean;
-}
+}
+
+export type PortalBrowserFilterMap = Record<string, PortalBrowserFilterDetail>;
+
+export type PortalBrowserTypedFilters = Partial<Record<string, PortalBrowserFilterDetail>>;

package/dist/components/arcgis-portal-classification-config/customElement.js

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
 import { LitElement as v, nothing as E } from "@arcgis/lumina";
-import { css as y, html as n } from "lit";
-import { Task as I, TaskStatus as x } from "@lit/task";
+import { css as I, html as n } from "lit";
+import { Task as y, TaskStatus as x } from "@lit/task";
 import { createRef as f, ref as u } from "lit/directives/ref.js";
 import { usePropertyChange as w } from "@arcgis/lumina/controllers";
 import { getClosestElement as R } from "@arcgis/toolkit/dom";
-import { u as $, c as P } from "../../chunks/loadClassificationData.js";
+import { u as P, c as $ } from "../../chunks/loadClassificationData.js";
 import { createArcadeExecutor as S } from "@arcgis/core/arcade.js";
 import { u as V } from "../../chunks/useT9n.js";
 import { d as m, a as d, g as O, r as p, c as _, b as A } from "../../chunks/common.js";
@@ -144,10 +144,10 @@ async function L(a) {
     ]
   });
 }
-const B = y`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
+const B = I`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
 class J extends v {
   constructor() {
-    super(), this.classificationModel = $(this), this.messages = V(), this.formMainContentRef = f(), this.bannerRef = f(), this._classificationDataTask = P(this), this._formCreationTask = new I(this, {
+    super(), this.classificationModel = P(this), this.messages = V(), this.formMainContentRef = f(), this.bannerRef = f(), this._classificationDataTask = $(this), this._formCreationTask = new y(this, {
       task: async () => {
         if (await this._classificationDataTask.taskComplete, !this.portalClassificationSchema || !this.portalItem)
           throw new Error("Portal item and classification schema are required to render the form");
@@ -163,7 +163,7 @@ class J extends v {
               console.error(s);
             });
           }
-        }), this._itemClassificationWatchPortalItem = this.portalItem, this._itemClassificationWatchPortalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.existingClassification && this.validateForm();
+        }), this._itemClassificationWatchPortalItem = this.portalItem, this._itemClassificationWatchPortalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.pendingPortalItem = this.pendingPortalItem.clone(), this.existingClassification && this.validateForm();
       },
       args: () => [this.portalItem, this.portalClassificationSchema]
     }), this.getFormDisplayOrder = (t) => this.portalClassificationSchema?.layouts.default.layoutElements[t].formDisplayOrder ?? 0, this.addEditInfoAttributes = () => {

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

@@ -10,6 +10,180 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /** A group-browser wrapper around `arcgis-portal-browser` that renders filters from declarative config. */
 export abstract class ArcgisPortalGroupBrowser extends LitElement {
+  /** @internal */
+  protected _browserMessages: {
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  }>;
   /** @internal */
   protected _messages: {
       browser: {

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

@@ -1,29 +1,29 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as G } from "../../chunks/runtime.js";
-import { css as S, html as u } from "lit";
-import { keyed as $ } from "lit/directives/keyed.js";
-import { LitElement as B, createEvent as p, nothing as g, safeClassMap as O } from "@arcgis/lumina";
-import { u as C } from "../../chunks/useT9n.js";
-import { a as R } from "../../chunks/functionalities.js";
-import { c as U, r as f } from "../../chunks/string.js";
+import { c as S } from "../../chunks/runtime.js";
+import { css as $, html as u } from "lit";
+import { keyed as B } from "lit/directives/keyed.js";
+import { LitElement as O, createEvent as p, nothing as w, safeClassMap as C } from "@arcgis/lumina";
+import { u as f } from "../../chunks/useT9n.js";
+import { a as U } from "../../chunks/functionalities.js";
+import { c as x, r as v } from "../../chunks/string.js";
 import "../arcgis-portal-browser-search/customElement.js";
 import "../arcgis-portal-browser-top-bar/customElement.js";
-import { c as x, a as W } from "../../chunks/portal-browser.js";
+import { c as R, a as _ } from "../../chunks/portal-browser.js";
 import "../arcgis-portal-group-card/customElement.js";
 import "../arcgis-portal-group-browser-preview/customElement.js";
-import { c as P } from "../../chunks/store.js";
-import { i as A } from "../../chunks/query.js";
+import { c as W } from "../../chunks/store.js";
+import { i as P } from "../../chunks/query.js";
 import k from "@arcgis/core/portal/PortalGroup.js";
-import { r as E } from "../../chunks/request.js";
-import { g as T } from "../../chunks/portal.js";
-import { b as w } from "../../chunks/ui.js";
-import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
-import { PortalGroupBrowserSort as M } from "../portal-group-browser-sort/customElement.js";
-import { PortalGroupBrowserPagination as L } from "../portal-group-browser-pagination/customElement.js";
-import { PortalGroupBrowserFilters as q } from "../portal-group-browser-filters/customElement.js";
-const z = S`:host{position:relative;background-color:var(--calcite-color-background);display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;--portal-group-browser-max-width: var(--group-browser-max-width, 100%);--portal-group-browser-pane-width: 18.75rem;--portal-group-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-group-browser}arcgis-portal-browser{--arcgis-browser-max-width: var(--portal-group-browser-max-width);--arcgis-browser-pane-width: var(--portal-group-browser-pane-width);--arcgis-browser-pane-z-index: var(--portal-group-browser-pane-z-index)}.filters-title__heading{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.2;margin:0;padding:1rem .5rem}.groups-by-user__label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.special-groups-settings-option{display:inline-flex;align-items:center;gap:.25rem}.special-groups-settings-icon{display:inline-flex;align-items:center}.group-browser__results{display:grid;gap:.5rem}.group-browser__results--compact{gap:0}.group-browser__result-card{margin:0}@container portal-group-browser (max-width: 640px){:host{--portal-group-browser-pane-width: 100%}}.empty-text-slot{width:100%;height:100%;display:flex;justify-content:center}.empty-text-slot__default{@apply max-w-lg mx-auto px-6 pb-16;max-width:32rem;margin-inline:auto;padding-inline:1.5rem;padding-bottom:4rem;margin-top:min(8rem,30vh)}`;
+import { r as A } from "../../chunks/request.js";
+import { g as M } from "../../chunks/portal.js";
+import { b as g } from "../../chunks/ui.js";
+import { watch as T } from "@arcgis/core/core/reactiveUtils.js";
+import { PortalGroupBrowserSort as E } from "../portal-group-browser-sort/customElement.js";
+import { PortalGroupBrowserPagination as q } from "../portal-group-browser-pagination/customElement.js";
+import { PortalGroupBrowserFilters as L } from "../portal-group-browser-filters/customElement.js";
+const z = $`:host{position:relative;background-color:var(--calcite-color-background);display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;--portal-group-browser-max-width: var(--group-browser-max-width, 100%);--portal-group-browser-pane-width: 18.75rem;--portal-group-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-group-browser}arcgis-portal-browser{--arcgis-browser-max-width: var(--portal-group-browser-max-width);--arcgis-browser-pane-width: var(--portal-group-browser-pane-width);--arcgis-browser-pane-z-index: var(--portal-group-browser-pane-z-index)}.filters-title__heading{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.2;margin:0;padding:1rem .5rem}.filters-shell{display:block}.filters-shell__top{padding:0}.filters-shell__top--padded{padding:0 1rem 1rem}.filter__accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.filter__actions-slot{display:flex;align-self:center;align-items:center;line-height:0}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{line-height:1;margin-inline:.25rem}.custom-date-picker{margin-block:.5rem;margin-inline-start:1.75rem;width:12.75rem}.groups-by-user__label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.special-groups-settings-option{display:inline-flex;align-items:center;gap:.25rem}.special-groups-settings-icon{display:inline-flex;align-items:center}.group-browser__results{display:grid;gap:.5rem}.group-browser__results--compact{gap:0}.group-browser__result-card{margin:0}@container portal-group-browser (max-width: 640px){:host{--portal-group-browser-pane-width: 100%}}.empty-text-slot{width:100%;height:100%;display:flex;justify-content:center}.empty-text-slot__default{@apply max-w-lg mx-auto px-6 pb-16;max-width:32rem;margin-inline:auto;padding-inline:1.5rem;padding-bottom:4rem;margin-top:min(8rem,30vh)}`;
 async function Q(s, e) {
-  const t = `${T(s)}community/groups`, r = D(e), o = H(e), i = !!e.searchUser?.trim();
+  const t = `${M(s)}community/groups`, r = D(e), o = H(e), i = !!e.searchUser?.trim();
   if (!r.trim() && !i)
     return {
       nextStart: -1,
@@ -34,19 +34,19 @@ async function Q(s, e) {
       start: 0,
       total: 0
     };
-  const l = { ...o, q: r }, n = await E({
+  const l = { ...o, q: r }, n = await A({
     url: t,
     portal: s,
     params: l
-  }), c = n.results.map((a) => {
-    const h = k.fromJSON(a);
-    return h.portal = s, h;
+  }), h = n.results.map((a) => {
+    const c = k.fromJSON(a);
+    return c.portal = s, c;
   });
   return {
     ...n,
     q: r,
     queryParams: l,
-    results: c
+    results: h
   };
 }
 const I = ["created", "modified", "owner", "title"];
@@ -57,7 +57,7 @@ function D(s) {
   const e = [], t = s.baseQuery?.trim();
   t && e.push(`(${t})`);
   const r = s.searchTerm?.trim();
-  r && e.push(`(${U(r)})`);
+  r && e.push(`(${x(r)})`);
   for (const o of Object.values(s.filters ?? {}))
     typeof o.value == "string" && o.value.trim() && e.push(`(${o.value.trim()})`), typeof o.additionalParams == "string" && o.additionalParams.trim() && e.push(`(${o.additionalParams.trim()})`);
   return e.join(" AND ");
@@ -73,7 +73,7 @@ function H(s) {
     }
   };
 }
-function v(s, e = "desc") {
+function b(s, e = "desc") {
   switch (s) {
     case "owner":
     case "title":
@@ -90,7 +90,7 @@ function N(s) {
   let e, t, r;
   const o = () => {
     e?.();
-    const a = _(
+    const a = T(
       () => s.getStore().width,
       () => {
         i();
@@ -100,17 +100,17 @@ function N(s) {
       a.remove();
     };
   }, i = () => {
-    const a = s.getStore(), h = a.width || s.getHostWidth() || s.getViewportWidth(), d = Math.min(h, s.getViewportWidth());
+    const a = s.getStore(), c = a.width || s.getHostWidth() || s.getViewportWidth(), d = Math.min(c, s.getViewportWidth());
     a.width !== d && (a.width = d);
-    const m = d > w.md ? "large" : "small";
+    const m = d > g.md ? "large" : "small";
     s.getResponsiveFormFactor() === "large" && m === "small" && (a.panel = !1, a.filtersExpanded = !1), s.getResponsiveFormFactor() === "small" && m === "large" && (a.panel = !1, a.filtersExpanded = !0), s.setResponsiveFormFactor(m);
   };
   return {
     connect: () => {
       typeof ResizeObserver < "u" && (t = new ResizeObserver((a) => {
-        const h = a[0]?.contentRect?.width ?? 0;
-        if (h > 0) {
-          const d = Math.round(h);
+        const c = a[0]?.contentRect?.width ?? 0;
+        if (c > 0) {
+          const d = Math.round(c);
           s.setHostWidth(d), s.getStore().width = d, i();
         }
       }), t.observe(s.el)), o(), i();
@@ -127,8 +127,8 @@ function N(s) {
           r = void 0;
           const a = Math.round(
             s.el.getBoundingClientRect().width || s.getHostWidth() || s.getViewportWidth()
-          ), h = Math.min(a, s.getViewportWidth()), d = s.getStore();
-          d.width !== h && (d.width = h), i();
+          ), c = Math.min(a, s.getViewportWidth()), d = s.getStore();
+          d.width !== c && (d.width = c), i();
         });
         return;
       }
@@ -137,23 +137,23 @@ function N(s) {
     updateResponsiveLayout: i
   };
 }
-const b = ["title", "relevance", "modified"], F = {
+const y = ["title", "relevance", "modified"], F = {
   queryParams: void 0,
   nextStart: -1,
   results: [],
   start: -1,
   num: 0,
   total: 0
-}, y = [
+}, G = [
   "openData",
   "sharedUpdate",
   "distributed",
   "admin",
   "settings"
 ];
-class j extends B {
+class j extends O {
   constructor() {
-    super(...arguments), this._messages = C({ name: "portal-group-browser", blocking: !0 }), this.responsiveLayoutController = N({
+    super(...arguments), this._messages = f({ name: "portal-group-browser", blocking: !0 }), this._browserMessages = f({ name: "portal-browser", blocking: !0 }), this.responsiveLayoutController = N({
       el: this.el,
       getStore: () => this.store,
       getViewportWidth: () => this.viewportWidth,
@@ -173,9 +173,9 @@ class j extends B {
     }, this.handleBrowserFilterRemove = (e) => {
       const t = e.detail;
       t && this.removeFilter(t);
-    }, this.selectedOwner = null, this.selectedMembership = null, this.selectedMemberOrg = null, this.selectedSpecialGroup = null, this.selectedAccess = null, this.selectedGroups = [], this.previewGroup = null, this.queryResponse = F, this.specialGroupOptions = y, this.responsiveFormFactor = "large", this.viewportWidth = typeof window > "u" ? w.lg : window.innerWidth, this.hostWidth = 0, this.store = P({
+    }, this.selectedOwner = null, this.selectedMembership = null, this.selectedMemberOrg = null, this.selectedSpecialGroup = null, this.selectedAccess = null, this.selectedGroups = [], this.previewGroup = null, this.queryResponse = F, this.specialGroupOptions = G, this.responsiveFormFactor = "large", this.viewportWidth = typeof window > "u" ? g.lg : window.innerWidth, this.hostWidth = 0, this.store = W({
       type: "group-browser",
-      width: window?.innerWidth ?? w.lg,
+      width: window?.innerWidth ?? g.lg,
       hiddenFilters: [],
       filtersEmpty: !1,
       topbarEmpty: !1,
@@ -186,7 +186,7 @@ class j extends B {
     }), this.filters = {}, this.loading = !1, this.formFactor = "large", this.height = "full", this.searchTerm = "", this.cards = {}, this.preview = "top", this.q = "", this.num = 60, this.sort = {
       enabled: !0,
       props: {
-        options: b
+        options: y
       }
     }, this.selection = "none", this.alwaysShowSelection = !1, this.hidePreviewFooter = !1, this.hidePreviewBadges = !1, this.hasIndoorsSpaces = !1, this.arcgisGroupBrowserLoading = p(), this.arcgisGroupBrowserPreview = p(), this.arcgisGroupBrowserSelect = p(), this.arcgisGroupBrowserSublayerPreview = p(), this.arcgisGroupBrowserUpdate = p(), this.arcgisGroupBrowserInternalUIAction = p(), this.arcgisGroupBrowserUserFilterChange = p(), this.arcgisAriaUpdate = p();
   }
@@ -203,7 +203,7 @@ class j extends B {
     await this.fetchGroups();
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("resize", this.responsiveLayoutController.handleWindowResize), this.el.addEventListener("arcgisBrowserFilterClear", this.handleBrowserFilterClear), this.el.addEventListener("arcgisBrowserFilterRemove", this.handleBrowserFilterRemove), this.responsiveLayoutController.connect(), this.syncSortFromConfig(), this.selectedGroups = this.selected || [], this.syncSelectionsFromConfig(), this.updateSpecialGroupOptions(), this.fetchGroups();
+    super.connectedCallback(), window.addEventListener("resize", this.responsiveLayoutController.handleWindowResize), this.responsiveLayoutController.connect(), this.syncSortFromConfig(), this.selectedGroups = this.selected || [], this.syncSelectionsFromConfig(), this.updateSpecialGroupOptions(), this.fetchGroups();
   }
   updated(e) {
     e.has("store") && (this.responsiveLayoutController.refreshStoreWatcher(), this.responsiveLayoutController.updateResponsiveLayout()), e.has("selected") && (this.selectedGroups = this.selected || []);
@@ -211,7 +211,7 @@ class j extends B {
     t !== void 0 && t !== this.num && this.fetchGroups(), (e.has("portal") || e.has("hasIndoorsSpaces")) && this.updateSpecialGroupOptions(), e.has("sort") && this.syncSortFromConfig();
   }
   disconnectedCallback() {
-    this.responsiveLayoutController.disconnect(), window.removeEventListener("resize", this.responsiveLayoutController.handleWindowResize), this.el.removeEventListener("arcgisBrowserFilterClear", this.handleBrowserFilterClear), this.el.removeEventListener("arcgisBrowserFilterRemove", this.handleBrowserFilterRemove), super.disconnectedCallback();
+    this.responsiveLayoutController.disconnect(), window.removeEventListener("resize", this.responsiveLayoutController.handleWindowResize), super.disconnectedCallback();
   }
   syncSelectionsFromConfig() {
     this.selectedGroupsByUser = this.filters.groupsByUser?.props?.selectedUsername ?? this.currentUsername, this.selectedOwner = this.filters.owner?.props?.owner || null, this.selectedMembership = this.filters.membership?.props?.membership || null, this.selectedMemberOrg = this.filters.memberOrg?.props?.memberOrg || null, this.selectedSpecialGroup = this.filters.specialGroups?.props?.specialGroup || null, this.selectedAccess = this.filters.access?.props?.access || null;
@@ -245,7 +245,7 @@ class j extends B {
     this.requestUpdate();
   }
   syncSortFromConfig() {
-    const e = this.sort, t = e.props?.options ?? b;
+    const e = this.sort, t = e.props?.options ?? y;
     if (!e.enabled) {
       this.sortField = void 0, this.sortOrder = void 0;
       return;
@@ -255,7 +255,7 @@ class j extends B {
       return;
     }
     const r = e.props?.field, o = r && t.includes(r) ? r : t[0];
-    this.sortField = o, this.sortOrder = e.props?.order ?? v(o, this.sortOrder);
+    this.sortField = o, this.sortOrder = e.props?.order ?? b(o, this.sortOrder);
   }
   async updateSpecialGroupOptions() {
     if (!this.portal) {
@@ -264,11 +264,11 @@ class j extends B {
     }
     let e = "";
     try {
-      e = await A(this.portal);
+      e = await P(this.portal);
     } catch {
       e = "";
     }
-    this.specialGroupOptions = y.filter((t) => !(t === "openData" && this.portal.isPortal || // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
+    this.specialGroupOptions = G.filter((t) => !(t === "openData" && this.portal.isPortal || // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
     t === "distributed" && this.hasIndoorsSpaces || // https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/45449 orgs with no settings
     t === "settings" && !e)), this.selectedSpecialGroup && !this.specialGroupOptions.includes(this.selectedSpecialGroup) && this.removeFilter("specialGroups");
   }
@@ -281,11 +281,11 @@ class j extends B {
     const t = this.store.filters[e];
     t && (this.store.filters = {
       ...this.store.filters,
-      [e]: x(t)
+      [e]: R(t)
     }, this.resetSelectionByFilterId(e), this.publishFilterStateChange(), this.fetchGroups());
   }
   clearFilters() {
-    this.store.filters = W(this.store.filters, {
+    this.store.filters = _(this.store.filters, {
       hiddenFilterIds: this.store.hiddenFilters
     }), this.resetAllFilterSelections(), this.publishFilterStateChange(), this.fetchGroups();
   }
@@ -314,7 +314,7 @@ class j extends B {
         this.selectedSpecialGroup = e.value;
         break;
       default:
-        R(e);
+        U(e);
     }
   }
   selectGroup(e) {
@@ -358,7 +358,7 @@ class j extends B {
     }
   }
   async handleSortFieldChange(e) {
-    this.sortField = e, this.sortOrder = v(e, this.sortOrder), this.loading = !0, this.arcgisGroupBrowserLoading.emit();
+    this.sortField = e, this.sortOrder = b(e, this.sortOrder), this.loading = !0, this.arcgisGroupBrowserLoading.emit();
     const t = this.createQuery({ start: 1, total: 0 });
     await this.fetchAndEmit(t, this.searchTerm);
   }
@@ -422,21 +422,19 @@ class j extends B {
   async formatRange({ start: e, end: t, total: r }) {
     if (this._messages._lang === "en")
       return [`${e}-${t} of ${r}`, `${e}-${t} of ${r} group${r === "1" ? "" : "s"}`];
-    const i = this._messages.browser, l = { start: e, end: t, total: r }, n = f(i.pageRange, l), c = f(i.pageRangeAria, l);
-    return [n, c];
+    const i = this._messages.browser, l = { start: e, end: t, total: r }, n = v(i.pageRange, l), h = v(i.pageRangeAria, l);
+    return [n, h];
   }
   getPreviewFooterActionsEmpty() {
     return !this.el?.querySelector('[slot="preview-footer-action"]');
   }
   renderTopBar() {
-    return u`<arcgis-portal-browser-top-bar slot=top-bar .store=${this.store} @arcgisBrowserFilterClear=${() => this.clearFilters()} @arcgisBrowserFilterRemove=${(e) => {
-      this.removeFilter(e.detail);
-    }}><arcgis-portal-browser-search slot=search .store=${this.store} .term=${this.searchTerm} @arcgisBrowserSearch=${(e) => {
+    return u`<arcgis-portal-browser-top-bar slot=top-bar .store=${this.store}><arcgis-portal-browser-search slot=search .store=${this.store} .term=${this.searchTerm} @arcgisBrowserSearch=${(e) => {
       this.handleSearch(e.detail);
     }}></arcgis-portal-browser-search></arcgis-portal-browser-top-bar>`;
   }
   renderEmptyTextSlot(e, t) {
-    return u`<div slot=${e ?? g} class="empty-text-slot"><slot name=${e ?? g}><p class="empty-text-slot__default">${t}</p></slot></div>`;
+    return u`<div slot=${e ?? w} class="empty-text-slot"><slot name=${e ?? w}><p class="empty-text-slot__default">${t}</p></slot></div>`;
   }
   renderContent() {
     const e = new Set(this.selectedGroups.map((o) => o.id)), t = this.queryResponse.results.map((o) => {
@@ -447,29 +445,29 @@ class j extends B {
         view: l
       };
     }), r = t.length > 0 && t.every(({ view: o }) => o === "compact");
-    return u`<div class=${O({ "group-browser__results": !0, "group-browser__results--compact": r })} .part=${"results"}>${t.map(({ group: o, cardProps: i, view: l }) => {
+    return u`<div class=${C({ "group-browser__results": !0, "group-browser__results--compact": r })} .part=${"results"}>${t.map(({ group: o, cardProps: i, view: l }) => {
       const n = o.id;
-      return $(n, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${o} .user=${i.user} .indeterminate=${i.indeterminate} .view=${l} .selection=${this.selection} .selected=${e.has(n)} .preview=${i.preview ?? this.preview} .previewed=${i.previewed ?? this.store.preview === n} .name=${i.name} .showSummary=${i.showSummary ?? !0} .showBadges=${i.showBadges ?? !0} .showDateUpdated=${i.showDateUpdated ?? !0} .showDateCreated=${i.showDateCreated ?? !1} .showViewableBy=${i.showViewableBy ?? !0} .showOwner=${i.showOwner ?? !0} .link=${i.link} .linkHandler=${i.linkHandler} .newTab=${i.newTab ?? !1} .disabled=${i.disabled ?? !1} @arcgisGroupCardSelect=${(c) => {
-        this.handleGroupCardSelect(c);
-      }} @arcgisGroupBrowserCardPreview=${(c) => {
-        const a = c.detail;
+      return B(n, u`<arcgis-portal-group-card class="group-browser__result-card" .portal=${this.portal} .group=${o} .user=${i.user} .indeterminate=${i.indeterminate} .view=${l} .selection=${this.selection} .selected=${e.has(n)} .preview=${i.preview ?? this.preview} .previewed=${i.previewed ?? this.store.preview === n} .name=${i.name} .showSummary=${i.showSummary ?? !0} .showBadges=${i.showBadges ?? !0} .showDateUpdated=${i.showDateUpdated ?? !0} .showDateCreated=${i.showDateCreated ?? !1} .showViewableBy=${i.showViewableBy ?? !0} .showOwner=${i.showOwner ?? !0} .link=${i.link} .linkHandler=${i.linkHandler} .newTab=${i.newTab ?? !1} .disabled=${i.disabled ?? !1} @arcgisGroupCardSelect=${(h) => {
+        this.handleGroupCardSelect(h);
+      }} @arcgisGroupBrowserCardPreview=${(h) => {
+        const a = h.detail;
         if (this.store.filtersExpanded = !1, !a || this.store.preview === a.id) {
           this.closePreview();
           return;
         }
-        this.restoreFocusTarget = c.currentTarget, this.store.preview = a.id, this.previewGroup = a, this.arcgisGroupBrowserPreview.emit(a);
+        this.restoreFocusTarget = h.currentTarget, this.store.preview = a.id, this.previewGroup = a, this.arcgisGroupBrowserPreview.emit(a);
       }}></arcgis-portal-group-card>`);
     })}</div>`;
   }
   render() {
     const e = this.responsiveFormFactor === "small" ? "small" : this.formFactor;
-    return u`<arcgis-portal-browser .store=${this.store} .response=${this.getBrowserResponseFromQueryResponse(this.queryResponse)} .loading=${this.loading} .formFactor=${e} .height=${this.height} .searchTerm=${this.searchTerm} .rangeFormatter=${this.formatRange} .selected=${this.selectedGroups} .alwaysShowSelection=${this.alwaysShowSelection} @arcgisAriaUpdate=${(t) => {
+    return u`<arcgis-portal-browser .store=${this.store} .response=${this.getBrowserResponseFromQueryResponse(this.queryResponse)} .loading=${this.loading} .formFactor=${e} .height=${this.height} .searchTerm=${this.searchTerm} .rangeFormatter=${this.formatRange} .selected=${this.selectedGroups} .alwaysShowSelection=${this.alwaysShowSelection} @arcgisBrowserFilterClear=${this.handleBrowserFilterClear} @arcgisBrowserFilterRemove=${this.handleBrowserFilterRemove} @arcgisAriaUpdate=${(t) => {
       this.arcgisAriaUpdate.emit(t.detail);
-    }}><slot name=top-bar slot=top-bar>${this.renderTopBar()}</slot><slot name=content-start slot=content-start></slot><slot name=selection slot=selection></slot><slot name=actions slot=actions></slot><slot name=view slot=view></slot>${M({ slot: "sort", sort: this.sort, formFactor: e, sortField: this.sortField, sortOrder: this.sortOrder, onSortFieldChange: (t) => {
+    }}><slot name=top-bar slot=top-bar>${this.renderTopBar()}</slot><slot name=content-start slot=content-start></slot><slot name=selection slot=selection></slot><slot name=actions slot=actions></slot><slot name=view slot=view></slot>${E({ slot: "sort", sort: this.sort, formFactor: e, sortField: this.sortField, sortOrder: this.sortOrder, onSortFieldChange: (t) => {
       this.handleSortFieldChange(t);
     }, onSortOrderChange: (t) => {
       this.handleSortOrderChange(t);
-    } })}<slot name=content slot=content>${this.renderContent()}</slot>${L({ slot: "pagination", store: this.store, total: this.queryResponse.total, start: this.queryResponse?.queryParams?.start ?? 1, num: this.queryResponse?.queryParams?.num ?? this.num, onPage: (t) => {
+    } })}<slot name=content slot=content>${this.renderContent()}</slot>${q({ slot: "pagination", store: this.store, total: this.queryResponse.total, start: this.queryResponse?.queryParams?.start ?? 1, num: this.queryResponse?.queryParams?.num ?? this.num, onPage: (t) => {
       this.handlePage(t);
     } })}<slot name=content-end slot=content-end></slot><slot name=preview slot=preview>${this.previewGroup && u`<arcgis-portal-group-browser-preview .group=${this.previewGroup} .portal=${this.portal} .user=${this.portal.user ?? void 0} .showBadges=${!this.hidePreviewBadges} .hidePreviewFooter=${this.hidePreviewFooter} .currentResponse=${this.queryResponse} .previewFooterActionsEmpty=${this.getPreviewFooterActionsEmpty()} @arcgisGroupBrowserInternalUIAction=${(t) => {
       this.arcgisGroupBrowserInternalUIAction.emit(t.detail);
@@ -477,7 +475,7 @@ class j extends B {
       this.closePreview({ restoreFocus: !0 });
     }} @arcgisPreviewClose=${() => {
       this.closePreview({ restoreFocus: !0 });
-    }}><slot name=preview-footer-action slot=footer-action></slot></arcgis-portal-group-browser-preview>` || ""}</slot>${this.renderEmptyTextSlot("no-results", this._messages.content.noResults)}${this.renderEmptyTextSlot("no-content", this._messages.content.noContent)}<slot name=scroll-end slot=scroll-end></slot>${q({ slot: "filters", filters: this.filters, messages: this._messages, store: this.store, portal: this.portal, hasIndoorsSpaces: this.hasIndoorsSpaces, selectedGroupsByUser: this.selectedGroupsByUser, selectedOwner: this.selectedOwner, selectedMembership: this.selectedMembership, selectedMemberOrg: this.selectedMemberOrg, selectedSpecialGroup: this.selectedSpecialGroup, specialGroupOptions: this.specialGroupOptions, selectedAccess: this.selectedAccess, isFilterActive: (t) => this.isFilterActive(t), handleSelect: (t) => {
+    }}><slot name=preview-footer-action slot=footer-action></slot></arcgis-portal-group-browser-preview>` || ""}</slot>${this.renderEmptyTextSlot("no-results", this._messages.content.noResults)}${this.renderEmptyTextSlot("no-content", this._messages.content.noContent)}<slot name=scroll-end slot=scroll-end></slot>${L({ slot: "filters", filters: this.filters, messages: this._messages, browserMessages: this._browserMessages, store: this.store, portal: this.portal, hasIndoorsSpaces: this.hasIndoorsSpaces, selectedGroupsByUser: this.selectedGroupsByUser, selectedOwner: this.selectedOwner, selectedMembership: this.selectedMembership, selectedMemberOrg: this.selectedMemberOrg, selectedSpecialGroup: this.selectedSpecialGroup, specialGroupOptions: this.specialGroupOptions, selectedAccess: this.selectedAccess, isFilterActive: (t) => this.isFilterActive(t), handleSelect: (t) => {
       this.setFilterSelection(t);
     }, handleUserFilterChange: (t) => {
       this.arcgisGroupBrowserUserFilterChange.emit(t);
@@ -488,7 +486,7 @@ class j extends B {
     } })}</arcgis-portal-browser>`;
   }
 }
-G("arcgis-portal-group-browser", j);
+S("arcgis-portal-group-browser", j);
 export {
   j as ArcgisPortalGroupBrowser
 };

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

@@ -1,6 +1,6 @@
 import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
 import type { SearchResult } from "../../types/search.js";
-import type { ArcgisPortalBrowserFilterDate } from "../arcgis-portal-browser-filter-date/customElement.js";
+import type { PortalBrowserFilterDateProps } from "../portal-browser/components/portal-browser-filter-date/portal-browser-filter-date.js";
 import type { PortalBrowserSortField, PortalBrowserSortOrder } from "../arcgis-portal-browser-sort/utils.js";
 import type { PortalBrowserState } from "../arcgis-portal-browser/utils/store.js";
 import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
@@ -29,7 +29,7 @@ export interface PortalGroupBrowserQuery extends PortalGroupBrowserSortDetail, B
   filters?: GroupBrowserFilterSet;
 }
 
-export interface GroupBrowserState extends PortalBrowserState {
+export interface GroupBrowserState extends PortalBrowserState<GroupBrowserFilterSet> {
   type: "group-browser";
   selection?: "multiple" | "none" | "single";
   selectedGroups?: PortalGroup[];
@@ -81,7 +81,7 @@ export interface GroupFilterConfig<TProps extends BaseFilterProps> {
 }
 
 export type PortalGroupBrowserDateFilterProps = BaseFilterProps
-  & Partial<Pick<ArcgisPortalBrowserFilterDate, "includeNever" | "serverProperty"> & PortalGroupBrowserDateSelection>;
+  & Partial<Pick<PortalBrowserFilterDateProps, "includeNever" | "serverProperty"> & PortalGroupBrowserDateSelection>;
 
 export type PortalGroupBrowserOwnerFilterProps = BaseFilterProps
   & Partial<PortalGroupBrowserOwnerSelection>;