@arcgis/portal-components 5.2.0-next.4 → 5.2.0-next.41

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

@@ -0,0 +1,194 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserPagination 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;
+      };
+  }>;
+  /** @default 60 */
+  accessor num: number;
+  /** @default 1 */
+  accessor start: number;
+  accessor store: PortalBrowserStore;
+  /** @default 0 */
+  accessor total: number;
+  nextPage(): Promise<void>;
+  readonly arcgisBrowserPage: import("@arcgis/lumina").TargetedEvent<this, BrowserPageDetail>;
+  readonly "@eventTypes": {
+    arcgisBrowserPage: ArcgisPortalBrowserPagination["arcgisBrowserPage"]["detail"];
+  };
+}

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

@@ -0,0 +1,51 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as e } from "../../chunks/runtime.js";
+import { css as i, html as r } from "lit";
+import { LitElement as o, createEvent as n, safeClassMap as m } from "@arcgis/lumina";
+import { createRef as p, ref as g } from "lit/directives/ref.js";
+import { u as c } from "../../chunks/useT9n.js";
+import { b as h } from "../../chunks/ui.js";
+import { t as l } from "../../chunks/functionalities.js";
+import { c as u } from "../../chunks/store.js";
+const f = i`.wrapper{padding:2rem .5rem}.pagination{width:100%;justify-content:center}.hide{display:none}`;
+class d extends o {
+  constructor() {
+    super(...arguments), this.paginationRef = p(), this._messages = c({ name: "portal-browser", blocking: !0 }), this.total = 0, this.start = 1, this.num = 60, this.store = u(), this.arcgisBrowserPage = n();
+  }
+  static {
+    this.properties = { total: 9, start: 9, num: 9, store: 0 };
+  }
+  static {
+    this.styles = f;
+  }
+  async nextPage() {
+    this.paginationRef.value?.nextPage(), await l(10);
+    const t = this.paginationRef.value;
+    t && this.arcgisBrowserPage.emit({
+      start: t.startItem,
+      total: t.totalItems,
+      num: t.pageSize
+    });
+  }
+  firstUpdated() {
+    this.arcgisBrowserPage.emit({ start: this.start, total: this.total, num: this.num });
+  }
+  render() {
+    const t = (this.store.width || 0) > h.sm ? "m" : "s";
+    return r`<div class="wrapper"><calcite-pagination @calcitePaginationChange=${(a) => {
+      const s = a.target;
+      this.arcgisBrowserPage.emit({
+        start: s.startItem,
+        total: s.totalItems,
+        num: s.pageSize
+      });
+    }} .startItem=${this.start} .totalItems=${Math.min(this.total, 1e4 - this.num)} .pageSize=${this.num} .scale=${t} .messageOverrides=${{
+      next: this._messages.pagination.next,
+      previous: this._messages.pagination.prev
+    }} class=${m({ hide: !this.total || this.total < this.num, pagination: !0 })} ${g(this.paginationRef)}></calcite-pagination></div>`;
+  }
+}
+e("arcgis-portal-browser-pagination", d);
+export {
+  d as ArcgisPortalBrowserPagination
+};

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

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

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

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

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

@@ -0,0 +1,195 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserSearch 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;
+      };
+  }>;
+  /** @default true */
+  accessor allowClear: boolean;
+  /** @default "" */
+  accessor placeholder: string;
+  accessor store: PortalBrowserStore;
+  /** @default "" */
+  accessor term: string;
+  setFocus(): Promise<void>;
+  readonly arcgisBrowserSearch: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly arcgisBrowserSearchInput: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserSearch: ArcgisPortalBrowserSearch["arcgisBrowserSearch"]["detail"];
+    arcgisBrowserSearchInput: ArcgisPortalBrowserSearch["arcgisBrowserSearchInput"]["detail"];
+  };
+}

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

@@ -0,0 +1,65 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import { live as h } from "lit/directives/live.js";
+import { LitElement as p, createEvent as n, nothing as a, safeClassMap as o } from "@arcgis/lumina";
+import { css as u, html as c } from "lit";
+import { createRef as m, ref as b } from "lit/directives/ref.js";
+import { u as w } from "../../chunks/useT9n.js";
+import { c as g } from "../../chunks/store.js";
+const f = u`:host{position:relative;display:block}.search{position:absolute;z-index:10;margin-top:1rem;color:var(--calcite-color-text-1);pointer-events:none;inset-inline-start:1.5rem}.search--panel{inset-inline-start:.75rem}.x{position:absolute;z-index:10;top:0;margin-top:.5rem;margin-inline:.25rem;padding:.25rem;border:none;cursor:pointer;color:var(--calcite-color-text-1);outline:none;inset-inline-end:.25rem;background:transparent}.x--icon{display:block}.input{display:block;width:100%;box-sizing:border-box;padding-block:1rem;padding-inline-start:3rem;height:3rem;border:none;position:relative;z-index:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);background-color:transparent;border-bottom:2px solid transparent;font-family:inherit}.input::-webkit-search-cancel-button{display:none}.input::-ms-clear{display:none}.input:focus{outline:none;border-bottom-color:var(--calcite-color-brand)}.input--panel{padding-inline-start:2.5rem;padding-inline-end:1rem}.input--with-clear{padding-inline-end:3rem}.alert:not([calcite-hydrated]){display:none}`;
+class v extends p {
+  constructor() {
+    super(...arguments), this.searchInput = m(), this._messages = w({ name: "portal-browser", blocking: !0 }), this.showClear = !1, this.containsWildcard = !1, this.term = "", this.placeholder = "", this.allowClear = !0, this.store = g(), this.arcgisBrowserSearch = n(), this.arcgisBrowserSearchInput = n();
+  }
+  static {
+    this.properties = { showClear: 16, containsWildcard: 16, term: 1, placeholder: 1, allowClear: 5, store: 0 };
+  }
+  static {
+    this.styles = f;
+  }
+  async setFocus() {
+    this.searchInput.value?.focus();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.showClear = !!this.term, this.containsWildcard = this.term.includes("*");
+  }
+  willUpdate(e) {
+    e.has("term") && ((this.searchInput.value?.value ?? "") !== this.term && (this.showClear = !!this.term, this.emitUpdate(this.term)), this.containsWildcard = this.term.includes("*"));
+  }
+  firstUpdated() {
+    this.emitUpdate(this.term);
+  }
+  disconnectedCallback() {
+    this.debounceId && (window.clearTimeout(this.debounceId), this.debounceId = void 0), super.disconnectedCallback();
+  }
+  emitUpdate(e) {
+    this.store.searchTerm = e, this.arcgisBrowserSearch.emit(e);
+  }
+  debouncedInput(e) {
+    this.debounceId && window.clearTimeout(this.debounceId), this.debounceId = window.setTimeout(() => {
+      const t = e.includes("*");
+      this.showClear = !!e, this.containsWildcard = t, t || this.emitUpdate(e);
+    }, 400);
+  }
+  render() {
+    const e = !!this.store.panel, t = this.placeholder || this._messages.search.search, r = this._messages.search.wildcard, l = this._messages.search.clear;
+    return c`<div><calcite-icon icon=search scale=s class=${o({ search: !0, "search--panel": e })}></calcite-icon><input class=${o({
+      input: !0,
+      "input--with-clear": this.allowClear && this.showClear,
+      "input--panel": e
+    })} .value=${h(this.term ?? "")} placeholder=${t ?? a} aria-label=${t ?? a} @input=${(i) => {
+      const s = i.currentTarget.value;
+      s.includes("*") || (this.containsWildcard = !1), this.arcgisBrowserSearchInput.emit(s), this.debouncedInput(s);
+    }} ${b(this.searchInput)}><calcite-alert .open=${this.containsWildcard} scale=m kind=danger class="alert" icon=exclamation-mark-triangle .label=${r} @calciteAlertClose=${() => {
+      this.containsWildcard = !1;
+    }}><div slot=message>${r}</div></calcite-alert>${this.allowClear && this.showClear && c`<button class="x" aria-label=${l ?? a} @click=${() => {
+      this.arcgisBrowserSearchInput.emit(""), this.emitUpdate(""), this.showClear = !1, this.searchInput.value && (this.searchInput.value.value = "", this.searchInput.value.focus());
+    }} @keydown=${(i) => {
+      i.key === "Enter" && i.stopPropagation();
+    }} tabindex=0><calcite-icon icon=x scale=m class="x--icon"></calcite-icon></button>` || ""}</div>`;
+  }
+}
+d("arcgis-portal-browser-search", v);
+export {
+  v as ArcgisPortalBrowserSearch
+};

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

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

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

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