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

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

@@ -0,0 +1,196 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserSortField, PortalBrowserSortOrder } from "./utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserSort 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 "dropdown" */
+  accessor appearance: "accordion" | "dropdown";
+  accessor field: PortalBrowserSortField | undefined;
+  accessor options: PortalBrowserSortField[];
+  accessor order: PortalBrowserSortOrder | undefined;
+  /** @default true */
+  accessor showText: boolean;
+  /** @default false */
+  accessor useDeleted: boolean;
+  readonly arcgisBrowserSortFieldChange: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserSortField>;
+  readonly arcgisBrowserSortOrderChange: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserSortOrder>;
+  readonly "@eventTypes": {
+    arcgisBrowserSortFieldChange: ArcgisPortalBrowserSort["arcgisBrowserSortFieldChange"]["detail"];
+    arcgisBrowserSortOrderChange: ArcgisPortalBrowserSort["arcgisBrowserSortOrderChange"]["detail"];
+  };
+}

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

@@ -0,0 +1,93 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } from "../../chunks/runtime.js";
+import { css as p, html as i } from "lit";
+import { LitElement as m, createEvent as l, nothing as d } from "@arcgis/lumina";
+import { u } from "../../chunks/useT9n.js";
+const g = p`.sort-accordion-wrap{border-bottom:1px solid var(--calcite-color-border-2)}.sort-title{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);padding:1rem .5rem;margin:0 0 -1px;line-height:1;border-bottom:1px solid var(--calcite-color-border-2)}.dropdown-sort-order-items--in-dialog{max-height:var(--arcgis-browser-sort-max-height, none)}.sort-accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.sort-accordion-content{margin:-.75rem .5rem 0}`, b = {
+  title: ["asc", "alphabetical"],
+  owner: ["asc", "alphabetical"],
+  numviews: ["desc", "num"],
+  relevance: ["desc"],
+  modified: ["desc", "recent"],
+  created: ["desc", "recent"],
+  size: ["desc", "size"],
+  fullname: ["asc", "alphabetical"],
+  username: ["asc", "alphabetical"],
+  name: ["asc", "alphabetical"],
+  membertype: ["asc", "alphabetical"],
+  joined: ["desc", "recent"],
+  lastlogin: ["desc", "recent"],
+  added: ["desc", "recent"],
+  dataset: ["asc", "alphabetical"],
+  mfaenabled: ["desc", "default"],
+  description: ["asc", "alphabetical"],
+  lastSyncFailureCount: ["desc", "num"],
+  invitationsPendingCount: ["desc", "num"],
+  participantGroupLinksCount: ["desc", "num"]
+};
+function n(a, e, o) {
+  const [t, s] = b[a], r = a === "modified" && o ? e.deleted || "Date deleted" : e[a] || a, c = {
+    asc: (s ? e[`${s}Asc`] : void 0) || e.defaultAsc,
+    desc: (s ? e[`${s}Desc`] : void 0) || e.defaultDesc
+  };
+  return {
+    label: r,
+    showSortOrder: !!s,
+    defaultSortOrder: t,
+    sortOrderLabels: c
+  };
+}
+class f extends m {
+  constructor() {
+    super(...arguments), this._messages = u({ name: "portal-browser", blocking: !0 }), this.sortOrders = ["asc", "desc"], this.options = [], this.appearance = "dropdown", this.showText = !0, this.useDeleted = !1, this.arcgisBrowserSortFieldChange = l(), this.arcgisBrowserSortOrderChange = l();
+  }
+  static {
+    this.properties = { options: 0, field: 1, order: 1, appearance: 1, showText: 5, useDeleted: 5 };
+  }
+  static {
+    this.styles = g;
+  }
+  getI18n() {
+    return this._messages.sort;
+  }
+  renderFieldOption(e, o) {
+    const t = this.getI18n(), s = n(e, t, this.useDeleted);
+    return i`<calcite-dropdown-item .selected=${o === e} @calciteDropdownItemSelect=${() => this.arcgisBrowserSortFieldChange.emit(e)}>${s.label}</calcite-dropdown-item>`;
+  }
+  renderButton(e) {
+    const o = this.getI18n(), t = n(e, o, this.useDeleted), s = `${o.sortBy} ${t.label}`;
+    return i`<calcite-button class="button" slot=trigger scale=m appearance=outline-fill kind=neutral icon-start=sort-descending icon-flip-rtl=start .label=${s}>${this.showText ? t.label : null}</calcite-button>`;
+  }
+  renderDropdown() {
+    if (!this.options.length)
+      return null;
+    const e = this.getI18n(), o = this.field && this.options.includes(this.field) ? this.field : this.options[0], t = n(o, e, this.useDeleted), s = this.order || t.defaultSortOrder;
+    return i`<calcite-dropdown placement=bottom-end scale=m overlay-positioning=fixed width=m>${this.renderButton(o)}<calcite-dropdown-group selection-mode=single .groupTitle=${e.sortBy}>${this.options.map((r) => this.renderFieldOption(r, o))}</calcite-dropdown-group>${t.showSortOrder && i`<calcite-dropdown-group selection-mode=single .groupTitle=${e.sortDirection}>${this.sortOrders.map((r) => i`<calcite-dropdown-item .selected=${s === r} @calciteDropdownItemSelect=${() => this.arcgisBrowserSortOrderChange.emit(r)}>${t.sortOrderLabels[r]}</calcite-dropdown-item>`)}</calcite-dropdown-group>` || ""}</calcite-dropdown>`;
+  }
+  renderTreeItem(e, o) {
+    const t = this.getI18n(), s = n(e, t, this.useDeleted);
+    return i`<calcite-tree-item data-value=${e ?? d} .selected=${o === e}><a>${s.label}</a></calcite-tree-item>`;
+  }
+  renderAccordion(e, o, t) {
+    return t ? null : i`<calcite-accordion-item .heading=${e} class="sort-accordion-item"><div class="sort-accordion-content">${o}</div></calcite-accordion-item>`;
+  }
+  renderAccordions() {
+    if (!this.options.length)
+      return null;
+    const e = this.getI18n(), o = this.field && this.options.includes(this.field) ? this.field : this.options[0], t = n(o, e, this.useDeleted), s = this.order || t.defaultSortOrder;
+    return i`<div class="sort-accordion-wrap"><h3 class="sort-title">${e.sort}</h3><calcite-accordion appearance=transparent icon-type=chevron scale=m icon-position=start>${this.renderAccordion(e.sortBy, i`<calcite-tree @calciteTreeSelect=${(r) => {
+      const c = r.target.selectedItems?.[0]?.dataset.value;
+      c && typeof c == "string" && this.arcgisBrowserSortFieldChange.emit(c);
+    }}>${this.options.map((r) => this.renderTreeItem(r, o))}</calcite-tree>`)}${this.renderAccordion(e.sortDirection, i`<calcite-tree @calciteTreeSelect=${(r) => {
+      const c = r.target.selectedItems?.[0]?.dataset.value;
+      (c === "asc" || c === "desc") && this.arcgisBrowserSortOrderChange.emit(c);
+    }}>${this.sortOrders.map((r) => i`<calcite-tree-item data-value=${r ?? d} .selected=${s === r}><a>${t.sortOrderLabels[r]}</a></calcite-tree-item>`)}</calcite-tree>`, !t.showSortOrder)}</calcite-accordion></div>`;
+  }
+  render() {
+    return this.appearance === "accordion" ? this.renderAccordions() : this.renderDropdown();
+  }
+}
+h("arcgis-portal-browser-sort", f);
+export {
+  f as ArcgisPortalBrowserSort
+};

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

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

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

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

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

@@ -0,0 +1,3 @@
+export type PortalBrowserSortField = "added" | "created" | "dataset" | "description" | "fullname" | "invitationsPendingCount" | "joined" | "lastlogin" | "lastSyncFailureCount" | "membertype" | "mfaenabled" | "modified" | "name" | "numviews" | "owner" | "participantGroupLinksCount" | "relevance" | "size" | "title" | "username";
+
+export type PortalBrowserSortOrder = "asc" | "desc";

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

@@ -0,0 +1,184 @@
+/// <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 ArcgisPortalBrowserTopBar 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 false */
+  accessor filtersDisabled: boolean;
+  accessor store: PortalBrowserStore;
+}

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

@@ -0,0 +1,51 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { css as l, html as t } from "lit";
+import { LitElement as o, safeClassMap as n } from "@arcgis/lumina";
+import { createRef as d, ref as c } from "lit/directives/ref.js";
+import { u as h } from "../../chunks/useT9n.js";
+import { b as r } from "../../chunks/ui.js";
+import { i as p } from "../../chunks/functionalities.js";
+import { c as m, i as u } from "../../chunks/store.js";
+import "../arcgis-portal-browser-filter-status/customElement.js";
+const b = l`:host{position:relative;display:block;background-color:var(--arcgis-browser-top-bar-background)}.wrapper{display:flex;margin-inline:auto;max-width:var(--arcgis-browser-max-width)}.search-and-sort{display:flex;flex:1;align-items:center;padding-inline-end:1.5rem;min-height:3rem}.search{flex:1}.filter{margin-block:.25rem;padding-inline:.5rem;display:flex;justify-content:center;align-items:center}.large .filter{display:none}.rel{position:relative}.bucket--small{text-align:center;border-bottom:1px solid var(--calcite-color-border-3)}.indicator{width:.5rem;height:.5rem;position:absolute;border-radius:999px;top:0;pointer-events:none;z-index:20;background-color:var(--calcite-color-brand);inset-inline-start:0}.small .search-and-sort{padding-inline-end:0}`;
+class f extends o {
+  constructor() {
+    super(...arguments), this.searchWrapper = d(), this.resizeObserver = null, this._messages = h({ name: "portal-browser", blocking: !0 }), this.width = 0, this.store = m(), this.filtersDisabled = !1;
+  }
+  static {
+    this.properties = { width: 16, store: 0, filtersDisabled: 5 };
+  }
+  static {
+    this.styles = b;
+  }
+  firstUpdated() {
+    this.updateWidth(), !(typeof ResizeObserver > "u" || !this.searchWrapper.value) && (this.resizeObserver = new ResizeObserver(() => this.updateWidth()), this.resizeObserver.observe(this.searchWrapper.value));
+  }
+  disconnectedCallback() {
+    this.resizeObserver?.disconnect(), this.resizeObserver = null, super.disconnectedCallback();
+  }
+  updateWidth() {
+    requestAnimationFrame(() => {
+      this.width = this.searchWrapper.value?.offsetWidth || 0;
+    });
+  }
+  getFormFactor() {
+    const e = this.store.width || window.innerWidth;
+    return e <= r.sm ? "small" : e <= r.md ? "medium" : "large";
+  }
+  hasActiveFilter() {
+    return Object.values(this.store.filters).some((e) => !!e.value && !p(u, e.id));
+  }
+  handleClick() {
+    this.store.preview = "", this.store.filtersExpanded = !this.store.filtersExpanded;
+  }
+  render() {
+    const e = this.getFormFactor(), s = (e === "medium" || e === "small") && (!this.store.filtersEmpty || !this.store.sortEmpty && this.store.panel) && !this.filtersDisabled, i = this._messages.topBar.filter;
+    return t`<div>${e === "small" && t`<div class="bucket bucket--small"><slot name=bucket></slot></div>` || ""}<slot name=primary-filter></slot><div class=${n({ wrapper: !0, [e]: !0 })}><slot name=content-start></slot>${e !== "small" && t`<div class="bucket"><slot name=bucket></slot></div>` || ""}<div class="search-and-sort" ${c(this.searchWrapper)}><div class="search"><slot name=search></slot></div>${!s && !this.filtersDisabled && t`<arcgis-portal-browser-filter-status .componentWidth=${this.width} .browserWidth=${this.store.width || window.innerWidth} class="filter-status" .filters=${this.store.filters} .hiddenFilterIds=${this.store.hiddenFilters || []}></arcgis-portal-browser-filter-status>` || ""}</div>${s && t`<div class="filter"><div class="rel">${this.hasActiveFilter() && t`<span class="indicator"></span>` || ""}<calcite-button class="filter-toggle" scale=s appearance=transparent kind=neutral icon-start=sliders .label=${i} @click=${() => this.handleClick()} aria-expanded=${this.store.filtersExpanded ? "true" : "false"}></calcite-button></div></div>` || ""}<slot name=content-end></slot></div></div>`;
+  }
+}
+a("arcgis-portal-browser-top-bar", f);
+export {
+  f as ArcgisPortalBrowserTopBar
+};

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

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

package/dist/components/arcgis-portal-browser-top-bar/index.js

@@ -0,0 +1,3 @@
+import "../arcgis-portal-browser-filter-status/index.js";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -0,0 +1,21 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+
+export abstract class ArcgisPortalBrowserView extends LitElement {
+  accessor options: PortalBrowserViewOption[];
+  accessor store: PortalBrowserStore;
+  /** @default "" */
+  accessor view: string;
+  /** @default "View" */
+  accessor viewText: string;
+  readonly arcgisBrowserViewChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserViewChange: ArcgisPortalBrowserView["arcgisBrowserViewChange"]["detail"];
+  };
+}
+
+export interface PortalBrowserViewOption {
+  value: string;
+  title: string;
+}

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

@@ -0,0 +1,30 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { html as e } from "lit";
+import { LitElement as s, createEvent as n } from "@arcgis/lumina";
+import { c } from "../../chunks/store.js";
+const l = 960;
+class a extends s {
+  constructor() {
+    super(...arguments), this.options = [], this.view = "", this.viewText = "View", this.store = c(), this.arcgisBrowserViewChange = n();
+  }
+  static {
+    this.properties = { options: 0, view: 1, viewText: 1, store: 0 };
+  }
+  renderOption(t) {
+    return e`<calcite-dropdown-item .selected=${t.value === this.view} @calciteDropdownItemSelect=${() => {
+      this.arcgisBrowserViewChange.emit(t.value);
+    }} .iconStart=${t.value} icon-flip-rtl=start>${t.title}</calcite-dropdown-item>`;
+  }
+  renderButton() {
+    const t = this.options.find((r) => r.value === this.view), i = this.store.width || window.innerWidth;
+    return e`<calcite-button class="button" slot=trigger scale=m appearance=outline-fill kind=neutral .iconStart=${t?.value} icon-flip-rtl=start .label=${`${this.viewText}: ${t?.title || ""}`}>${i > l ? t?.title : null}</calcite-button>`;
+  }
+  render() {
+    return e`<calcite-dropdown placement=bottom-end scale=m overlay-positioning=fixed width=s>${this.renderButton()}<calcite-dropdown-group selection-mode=single>${this.options.map((t) => this.renderOption(t))}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+}
+o("arcgis-portal-browser-view", a);
+export {
+  a as ArcgisPortalBrowserView
+};

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

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

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

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