@arcgis/portal-components 5.2.0-next.30 → 5.2.0-next.32

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

@@ -0,0 +1,187 @@
+/// <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 { PortalBrowserAction } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserActions extends LitElement {
+  /** @internal */
+  protected _messages: {
+      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;
+      };
+  }>;
+  accessor actions: PortalBrowserAction[];
+  accessor selection: SearchResultGroup[] | SearchResultItem[] | SearchResultUser[] | undefined;
+  restoreFocus(): Promise<void>;
+}

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

@@ -0,0 +1,70 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } 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 { 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 = [];
+  }
+  static {
+    this.properties = { visibleActions: 16, overflowActions: 16, calculating: 16, actions: 0, selection: 0 };
+  }
+  static {
+    this.styles = w;
+  }
+  async restoreFocus() {
+    this.lastExecutedAction?.setFocus();
+  }
+  willUpdate(t) {
+    t.has("actions") && (this.measureAndCacheWidths(this.actions), this.calculateOverflow()), t.has("selection") && (this.selection?.length ? f(100).then(() => {
+      this.calculating = !1;
+    }) : this.calculating = !0);
+  }
+  firstUpdated() {
+    this.measureAndCacheWidths(this.actions), this.calculateOverflow(), !(typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver((t) => {
+      for (const e of t)
+        e.contentRect.width > 0 && (this.elementWidth = e.contentRect.width, this.calculateOverflow());
+    }), this.resizeObserver.observe(this.el));
+  }
+  disconnectedCallback() {
+    this.resizeObserver?.disconnect(), this.resizeObserver = null, super.disconnectedCallback();
+  }
+  measureAndCacheWidths(t) {
+    const e = this.measureText.value;
+    if (!e)
+      return;
+    this.actionWidths = t.map((o) => (e.textContent = o.text, {
+      action: o,
+      width: e.offsetWidth + this.buttonPadding
+    }));
+    const i = this._messages.actions.more;
+    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 };
+    }, { visible: [], overflow: [], width: t });
+    this.visibleActions = e.visible, this.overflowActions = e.overflow;
+  }
+  renderButton(t) {
+    const e = t.id || `${t.text}-${t.icon || "none"}`;
+    return s`<div><calcite-button class="button" .iconStart=${t.icon} @click=${(i) => {
+      this.lastExecutedAction = i.currentTarget, t.onClick();
+    }} appearance=transparent kind=neutral id=${e ?? m}>${t.text}</calcite-button>${t.tooltip && s`<calcite-tooltip .referenceElement=${e}><span class="tooltip-container">${t.tooltip}</span></calcite-tooltip>` || ""}</div>`;
+  }
+  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=${() => {
+      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);
+export {
+  b as ArcgisPortalBrowserActions
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+export interface PortalBrowserAction {
+  text: string;
+  icon?: Icon["icon"];
+  id?: string;
+  onClick: () => void;
+  tooltip?: string;
+}

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

@@ -1,7 +1,182 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class ArcgisPortalBrowserFilter extends LitElement {
+  /** @internal */
+  protected _messages: {
+      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;
+      };
+  }>;
   /**
    * Set to true if the filter is currently being applied.
    *
@@ -14,12 +189,6 @@ export abstract class ArcgisPortalBrowserFilter extends LitElement {
    * @default false
    */
   accessor clearDisabled: boolean;
-  /**
-   * Label for the clear button.
-   *
-   * @default "Clear"
-   */
-  accessor clearLabel: string;
   /**
    * Set to true to open the filter on first load.
    *

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

@@ -1,34 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { css as r, html as e } from "lit";
-import { LitElement as a, createEvent as l, safeStyleMap as t, safeClassMap as c } from "@arcgis/lumina";
-const s = r`:host{display:block}.filter--primary{margin-bottom:1rem;position:relative}.filter__header{border-bottom:1px solid var(--calcite-color-border-2);display:flex;margin-bottom:.5rem;align-items:center}.filter__header--primary{margin-bottom:0}.filter__title{color:var(--calcite-color-text-1);flex:1;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1;margin:0;padding:1rem .5rem}.filter__actions-slot{display:flex;align-items:center}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{margin-inline:.25rem}`;
-class o extends a {
+import { LitElement as a, createEvent as s, safeClassMap as l } from "@arcgis/lumina";
+import { u as o } from "../../chunks/useT9n.js";
+const c = r`:host{display:block}.filter__wrapper{position:relative}.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--primary{margin-bottom:1rem;position:relative}.filter__header{border-bottom:1px solid var(--calcite-color-border-2);display:flex;margin-bottom:.5rem;align-items:center}.filter__header--primary{margin-bottom:0}.filter__title{color:var(--calcite-color-text-1);flex:1;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1;margin:0;padding:1rem .5rem}.filter__actions-slot{display:flex;align-items:center}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{margin-inline:.25rem}`;
+class n extends a {
   constructor() {
-    super(...arguments), this.expanded = !1, this.heading = "", this.active = !1, this.noPadding = !1, this.clearDisabled = !1, this.filterId = "", this.clearLabel = "Clear", this.primary = !1, this.arcgisBrowserFilterRemove = l();
+    super(...arguments), this._messages = o({ name: "portal-browser", blocking: !0 }), this.expanded = !1, this.heading = "", this.active = !1, this.noPadding = !1, this.clearDisabled = !1, this.filterId = "", this.primary = !1, this.arcgisBrowserFilterRemove = s();
   }
   static {
-    this.properties = { expanded: 5, heading: 1, active: 5, noPadding: 5, clearDisabled: 5, filterId: 1, clearLabel: 1, primary: 5 };
+    this.properties = { expanded: 5, heading: 1, active: 5, noPadding: 5, clearDisabled: 5, filterId: 1, primary: 5 };
   }
   static {
-    this.styles = s;
+    this.styles = c;
   }
   emitFilterRemove() {
     this.arcgisBrowserFilterRemove.emit(this.filterId);
   }
   render() {
-    return this.primary ? e`<div class="filter--primary"><div class="filter__header filter__header--primary"><h3 class="filter__title">${this.heading}</h3><slot name=action></slot></div><slot></slot></div>` : e`<div style=${t({ position: "relative" })}><calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m><calcite-accordion-item .heading=${this.heading} .expanded=${this.expanded} @calciteAccordionItemExpand=${() => {
+    const t = this._messages.filter.clear;
+    return this.primary ? e`<div class="filter--primary"><div class="filter__header filter__header--primary"><h3 class="filter__title">${this.heading}</h3><slot name=action></slot></div><slot></slot></div>` : e`<div class="filter__wrapper"><calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m><calcite-accordion-item class="filter__accordion-item" .heading=${this.heading} .expanded=${this.expanded} @calciteAccordionItemExpand=${() => {
       this.expanded = !0;
     }} @calciteAccordionItemCollapse=${() => {
       this.expanded = !1;
-    }} style=${t({
-      "--calcite-accordion-item-content-space": ".75rem .25rem",
-      "--calcite-accordion-icon-margin": ".5rem",
-      borderTop: "1px solid var(--calcite-color-border-1)"
-    })}><div slot=actions-end class="filter__actions-slot"><slot name=action></slot>${this.active && !this.clearDisabled && e`<calcite-button class="clear-button" kind=neutral appearance=transparent @click=${() => this.emitFilterRemove()}>${this.clearLabel}</calcite-button>` || ""}</div><div class=${c({ filter__content: !0, "filter__content--padded": !this.noPadding })}><slot></slot></div></calcite-accordion-item></calcite-accordion></div>`;
+    }}><div slot=actions-end class="filter__actions-slot"><slot name=action></slot>${this.active && !this.clearDisabled && e`<calcite-button class="clear-button" kind=neutral appearance=transparent @click=${() => this.emitFilterRemove()}>${t}</calcite-button>` || ""}</div><div class=${l({ filter__content: !0, "filter__content--padded": !this.noPadding })}><slot></slot></div></calcite-accordion-item></calcite-accordion></div>`;
   }
 }
-i("arcgis-portal-browser-filter", o);
+i("arcgis-portal-browser-filter", n);
 export {
-  o as ArcgisPortalBrowserFilter
+  n as ArcgisPortalBrowserFilter
 };