@arcgis/portal-components 5.2.0-next.99 → 6.0.0-next.0

package/dist/components/arcgis-portal-sublayer-type/customElement.d.ts

@@ -0,0 +1,76 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalGeometryType } from "../../types/geometry.js";
+import type { SublayerTypeRenderer } from "./utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** Displays the icon and label used to represent a sublayer type. */
+export abstract class ArcgisPortalSublayerType extends LitElement {
+  /** Geometry type of the layer or table. */
+  accessor geometry: PortalGeometryType | undefined;
+  /**
+   * Set to true to hide the layer icon.
+   *
+   * @default false
+   */
+  accessor hideIcon: boolean;
+  /**
+   * Set to true to hide the layer name.
+   *
+   * @default false
+   */
+  accessor hideName: boolean;
+  /**
+   * Set to true to hide the type text.
+   *
+   * @default false
+   */
+  accessor hideType: boolean;
+  /** @internal */
+  protected messages: {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  } & T9nMeta<{
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  }>;
+  /** Layer or table name. */
+  accessor name: string | undefined;
+  /** Custom renderer function that receives the resolved type information. */
+  accessor renderer: SublayerTypeRenderer | undefined;
+  /** Desired size. */
+  accessor scale: Icon["scale"] | undefined;
+  /** Type of the layer or table. */
+  accessor type: string | undefined;
+  /**
+   * Underline the layer name. Primarily used to denote links.
+   *
+   * @default false
+   */
+  accessor underline: boolean;
+}

package/dist/components/arcgis-portal-sublayer-type/customElement.js

@@ -0,0 +1,121 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as l, html as t } from "lit";
+import { LitElement as y, safeClassMap as c } from "@arcgis/lumina";
+import { u as m } from "../../chunks/useT9n.js";
+const u = l`:host{display:inline-flex;align-items:center;line-height:1.35;--sublayer-type-font-size: var(--calcite-font-size--1)}.sublayer-type{display:inline-flex;align-items:center;max-width:100%;min-width:0}.text{flex:1 1 0%;margin-inline-start:.5rem;color:inherit}.name{font-weight:500;font-size:var(--sublayer-type-font-size);overflow-wrap:anywhere;white-space:normal}.name--underline{text-decoration:underline}.type{font-weight:400;color:var(--calcite-color-text-2);font-size:var(--sublayer-type-font-size)}`;
+function p({ geometry: n, type: e }) {
+  if (e !== void 0)
+    switch (e) {
+      case "Annotation Layer":
+        return {
+          icon: "layer-annotation",
+          type: "annotation",
+          isGeometry: !1
+        };
+      case "Dimension Layer":
+        return {
+          icon: "layer-dimension",
+          type: "dimension",
+          isGeometry: !1
+        };
+      case "Utility Network Layer":
+        return {
+          icon: "utility-network-layer",
+          type: "utility network",
+          isGeometry: !1
+        };
+      case "Catalog Layer":
+        return {
+          icon: "catalog-dataset",
+          type: "catalog",
+          isGeometry: !1
+        };
+      case "Parcel Layer":
+        return {
+          icon: "parcel-layer",
+          type: "parcel",
+          isGeometry: !1
+        };
+      case "Oriented Imagery Layer":
+        return {
+          icon: "oriented-imagery-layer",
+          type: "oriented imagery",
+          isGeometry: !1
+        };
+      case "Table":
+        return {
+          icon: "table",
+          type: "table",
+          isGeometry: !0
+        };
+    }
+  switch (n) {
+    case "point":
+    case "esriGeometryPoint":
+      return {
+        type: "point",
+        icon: "point",
+        isGeometry: !0
+      };
+    case "esriGeometryMultipoint":
+    case "multipoint":
+      return {
+        type: "multipoint",
+        icon: "layer-points",
+        isGeometry: !0
+      };
+    case "line":
+    case "polyline":
+    case "esriGeometryPolyline":
+      return {
+        type: "line",
+        icon: "line",
+        isGeometry: !0
+      };
+    case "polygon":
+    case "esriGeometryPolygon":
+      return {
+        type: "polygon",
+        icon: "polygon",
+        isGeometry: !0
+      };
+    case "multipatch":
+    case "esriGeometryMultiPatch":
+      return {
+        type: "multipatch",
+        icon: "cube",
+        isGeometry: !0
+      };
+    default:
+      return {
+        type: "table",
+        icon: "table",
+        isGeometry: !0
+      };
+  }
+}
+class h extends y {
+  constructor() {
+    super(...arguments), this.messages = m({ blocking: !0 }), this.hideName = !1, this.hideIcon = !1, this.hideType = !1, this.underline = !1;
+  }
+  static {
+    this.properties = { geometry: 1, type: 1, scale: 3, name: 1, hideName: 5, hideIcon: 5, hideType: 5, underline: 5, renderer: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  render() {
+    if (!this.messages._lang)
+      return null;
+    const e = p({ type: this.type, geometry: this.geometry });
+    if (this.renderer)
+      return this.renderer({ ...e, name: this.name ?? "" });
+    const { hideIcon: s, hideName: i, hideType: r, underline: a } = this;
+    return i && s && r ? null : t`<div class="sublayer-type">${!s && t`<calcite-icon .icon=${e.icon} .scale=${this.scale}></calcite-icon>` || ""}${(!i || !r) && t`<div class="text">${!i && t`<div class=${c({ name: !0, "name--underline": a })}>${this.name ?? ""}</div>` || ""}${!r && t`<div class="type">${this.messages[e.type]}</div>` || ""}</div>` || ""}</div>`;
+  }
+}
+o("arcgis-portal-sublayer-type", h);
+export {
+  h as ArcgisPortalSublayerType
+};

package/dist/components/arcgis-portal-sublayer-type/index.d.ts

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

package/dist/components/arcgis-portal-sublayer-type/index.js

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

package/dist/components/arcgis-portal-sublayer-type/utils.d.ts

@@ -0,0 +1,30 @@
+import type { JsxNode } from "@arcgis/lumina";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** @param args */
+export type SublayerTypeRenderer = (args: SublayerTypeRendererArguments) => JsxNode;
+
+export interface SublayerTypeRendererArguments extends SublayerTypeInfo {
+  name: string;
+}
+
+export interface SublayerTypeInfo {
+  icon: Icon["icon"];
+  type: keyof {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  };
+  isGeometry: boolean;
+}

package/dist/components/arcgis-portal-user-picker/customElement.d.ts

@@ -0,0 +1,20 @@
+/// <reference path="../../index.d.ts" />
+import type { PortalEntityPickerSelection } from "../../types/portalEntityPicker.js";
+import type { ArcgisPortalEntityPicker } from "../arcgis-portal-entity-picker/customElement.js";
+
+/**
+ * Search for and select an organization member from a portal.
+ *
+ * @slot [list-start] - Content displayed before the search results.
+ */
+export abstract class ArcgisPortalUserPicker extends ArcgisPortalEntityPicker {
+  /** The type of entity to search for. */
+  get entityType(): "user";
+  /** The currently selected organization member. The component does not mutate this property. */
+  accessor selected: PortalUserPickerSelection | null;
+  readonly "@eventTypes": {
+    arcgisSelectionChange: ArcgisPortalUserPicker["arcgisSelectionChange"]["detail"];
+  };
+}
+
+export type PortalUserPickerSelection = Extract<PortalEntityPickerSelection, { entityType: "user"; }>;

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

@@ -0,0 +1,15 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { ArcgisPortalEntityPicker as e } from "../arcgis-portal-entity-picker/customElement.js";
+class r extends e {
+  constructor() {
+    super(...arguments), this.entityType = "user", this.selected = null;
+  }
+  static {
+    this.properties = { entityType: 32, selected: 0 };
+  }
+}
+t("arcgis-portal-user-picker", r);
+export {
+  r as ArcgisPortalUserPicker
+};

package/dist/components/arcgis-portal-user-picker/index.d.ts

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

package/dist/components/arcgis-portal-user-picker/index.js

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

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

@@ -1,28 +1,29 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as A } from "../../chunks/runtime.js";
-import { LitElement as R, createEvent as g, safeClassMap as b, safeStyleMap as B } from "@arcgis/lumina";
-import { css as N, html as l } from "lit";
+import { c as R } from "../../chunks/runtime.js";
+import { LitElement as B, createEvent as g, safeClassMap as b, safeStyleMap as N } from "@arcgis/lumina";
+import { css as L, html as l } from "lit";
 import { createRef as $, ref as w } from "lit/directives/ref.js";
-import { u as L } from "../../chunks/useT9n.js";
+import { unsafeHTML as T } from "lit/directives/unsafe-html.js";
+import { u as C } from "../../chunks/useT9n.js";
 import { f } from "../../chunks/user.js";
-import { r as C, g as T } from "../../chunks/string.js";
-import { g as z } from "../../chunks/user2.js";
-import { f as k, r as y } from "../../chunks/request.js";
-import { s as q } from "../../chunks/dom.js";
-import { a as U } from "../../chunks/portal.js";
-import { f as F } from "../../chunks/verified.js";
-const H = N`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`, I = (s) => (
+import { s as k } from "../../chunks/dom.js";
+import { r as z, g as H } from "../../chunks/string.js";
+import { g as M } from "../../chunks/user2.js";
+import { f as y, r as U } from "../../chunks/request.js";
+import { a as I } from "../../chunks/portal.js";
+import { f as q } from "../../chunks/verified.js";
+const F = L`:host{display:flex}.button{display:flex;align-items:center;max-width:100%;cursor:pointer;white-space:normal;border-style:none;padding:0;font-size:.75rem;color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;transition-property:all;outline-color:transparent;background:transparent;font-family:inherit;line-height:1.5;&:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.button--outline{box-sizing:border-box;width:100%;padding:.5rem .75rem;transition-property:all;border:1px solid var(--calcite-color-border-3);&:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}}.name{overflow:hidden;white-space:nowrap;margin-inline-start:.5rem;text-overflow:ellipsis}.popover__wrapper{background-color:var(--calcite-color-foreground-1);width:min(32rem,80vw)}.popover__header{padding:1.25rem 1rem}.popover__avatar{max-width:100%}.popover__content{padding:.5rem 1rem 1.25rem}.popover__description{margin:0;overflow:auto;padding:0;padding-bottom:1rem;font-size:.875rem;color:var(--calcite-color-text-2);max-height:21.25rem}.popover__fade{position:relative;z-index:10;margin-bottom:.25rem;display:block;height:1rem;width:100%;background:linear-gradient(to bottom,transparent,var(--calcite-color-foreground-1) 100%);margin-top:-1rem}.popover__buttons{display:grid;grid-auto-flow:column;grid-gap:.5rem}.popover__buttons--no-description{padding-top:1rem}.popover__button{min-width:0px}.popover__loader{--calcite-loader-padding: 0}`, x = (s) => (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
   s?.sourceJSON?.contentStatus === "public_authoritative"
 );
-async function M(s, t, r, o) {
-  if (I(s)) {
-    const e = s.owner || "", a = await F(s, r, t, o);
+async function E(s, t, r, o) {
+  if (x(s)) {
+    const e = s.owner || "", a = await q(s, r, t, o);
     if (!a)
       return await f(e, t, o);
     const { description: n, name: i, thumbnail: u, url: m } = a;
     return {
-      description: n ? q(n) : "",
+      description: n ? k(n) : "",
       fullName: i,
       username: e,
       thumbnail: u,
@@ -32,10 +33,10 @@ async function M(s, t, r, o) {
   }
   return await f(s.owner || "", t, o);
 }
-async function E(s, t, r) {
-  const o = r ? "https://www.arcgis.com/sharing/rest/" : U(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
-  return await k({
-    requester: async () => await y({
+async function G(s, t, r) {
+  const o = r ? "https://www.arcgis.com/sharing/rest/" : I(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
+  return await y({
+    requester: async () => await U({
       url: `${o}community/groups`,
       portal: t,
       params: {
@@ -48,10 +49,10 @@ async function E(s, t, r) {
     id: s
   });
 }
-async function G(s, t, r) {
-  const o = r ? "https://www.arcgis.com/sharing/rest/" : U(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
-  return await k({
-    requester: async () => (await y({
+async function S(s, t, r) {
+  const o = r ? "https://www.arcgis.com/sharing/rest/" : I(t), e = r ? { disableIdentityLookup: !0, addTokenManually: !1 } : {};
+  return await y({
+    requester: async () => (await U({
       url: `${o}search`,
       portal: t,
       params: {
@@ -69,18 +70,18 @@ function _({
   user: t,
   type: r
 }) {
-  const o = C(s), e = encodeURIComponent(t.username || "");
+  const o = z(s), e = encodeURIComponent(t.username || "");
   return e ? `${o}/${r}.html?user=${e}` : `${o}/${r}.html`;
 }
-class S extends R {
+class D extends B {
   constructor() {
-    super(...arguments), this.messages = L({ blocking: !0 }), this.buttonRef = $(), this.popoverRef = $(), this.isPopoverOpen = !1, this.scale = "m", this.showAvatar = !0, this.showName = !0, this.showUsername = !1, this.appearance = "transparent", this.arcgisUserPopupInternalUIAction = g(), this.arcgisUserPopupClose = g();
+    super(...arguments), this.messages = C({ blocking: !0 }), this.buttonRef = $(), this.popoverRef = $(), this.isPopoverOpen = !1, this.scale = "m", this.showAvatar = !0, this.showName = !0, this.showUsername = !1, this.appearance = "transparent", this.arcgisUserPopupInternalUIAction = g(), this.arcgisUserPopupClose = g();
   }
   static {
     this.properties = { itemUserInfo: 16, groups: 16, total: 16, isPopoverOpen: 16, user: 0, username: 1, fullName: 1, item: 0, scale: 3, portal: 0, baseUrl: 1, underline: 5, showAvatar: 5, showName: 5, showUsername: 5, wrap: 5, appearance: 1, zIndex: 9, avatarAriaHidden: 5, checkOnline: 5 };
   }
   static {
-    this.styles = H;
+    this.styles = F;
   }
   async setFocus() {
     this.buttonRef.value?.focus();
@@ -101,7 +102,7 @@ class S extends R {
     const { item: t, username: r, portal: o, fullName: e, messages: a } = this;
     if (!(!a._lang || !o)) {
       if (t) {
-        this.itemUserInfo = await M(t, o, a._lang, this.checkOnline);
+        this.itemUserInfo = await E(t, o, a._lang, this.checkOnline);
         return;
       }
       if (r) {
@@ -114,10 +115,10 @@ class S extends R {
     const { user: t, itemUserInfo: r, item: o, portal: e, username: a, checkOnline: n } = this, i = a || t?.username || o?.owner || r?.username;
     if (!(!i || !e)) {
       if (!this.groups) {
-        const u = await E(i, e, n);
+        const u = await G(i, e, n);
         this.groups = u;
       }
-      this.total = await G(i, e, n);
+      this.total = await S(i, e, n);
     }
   }
   setPopoverOpen(t) {
@@ -149,24 +150,24 @@ class S extends R {
     const { user: t, itemUserInfo: r, portal: o, item: e, appearance: a, scale: n, isPopoverOpen: i, showName: u, showUsername: m, messages: p } = this, c = t || r;
     if (!p._lang || !c)
       return l`<arcgis-portal-user-avatar scale=s show-name .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar>`;
-    const v = I(e), d = c.username || "", h = T(c.description || "") || "", x = z(c, p._lang), P = v ? p.itemManagedBy.replace("${username}", d) : d;
+    const v = x(e), d = c.username || "", h = H(c.description || "") || "", P = M(c, p._lang), O = v ? p.itemManagedBy.replace("${username}", d) : d;
     return l`<button class=${b({
       button: !0,
       "button--outline": a === "outline"
     })} @click=${() => {
       this.isPopoverOpen || (this.isPopoverOpen = !0), this.fetchItemsAndGroups();
-    }} ${w(this.buttonRef)}><slot><arcgis-portal-user-avatar .user=${c} .scale=${n} .portal=${o} .showName=${u} .description=${m ? d : ""} .hideAvatar=${!this.showAvatar} .underline=${this.underline} .checkOnline=${this.checkOnline} .wrap=${this.wrap}></arcgis-portal-user-avatar></slot></button>${i && this.buttonRef.value && c && l`<calcite-popover class="popover" .label=${x} pointer-disabled .referenceElement=${this.buttonRef.value} placement=auto .id=${`${d}-popover`} auto-close style=${B({ "--calcite-popover-z-index": this.zIndex?.toString() || "12" })} @calcitePopoverOpen=${() => {
+    }} ${w(this.buttonRef)}><slot><arcgis-portal-user-avatar .user=${c} .scale=${n} .portal=${o} .showName=${u} .description=${m ? d : ""} .hideAvatar=${!this.showAvatar} .underline=${this.underline} .checkOnline=${this.checkOnline} .wrap=${this.wrap}></arcgis-portal-user-avatar></slot></button>${i && this.buttonRef.value && c && l`<calcite-popover class="popover" .label=${P} pointer-disabled .referenceElement=${this.buttonRef.value} placement=auto .id=${`${d}-popover`} auto-close style=${N({ "--calcite-popover-z-index": this.zIndex?.toString() || "12" })} @calcitePopoverOpen=${() => {
       this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "open profile popup" });
     }} @calcitePopoverClose=${() => {
       this.isPopoverOpen = !1, this.arcgisUserPopupClose.emit();
-    }} @keydown=${(O) => {
-      O.key === "Escape" && setTimeout(() => {
+    }} @keydown=${(A) => {
+      A.key === "Escape" && setTimeout(() => {
         this.buttonRef.value?.focus();
       }, 200);
-    }} ${w(this.popoverRef)}><div class="popover__wrapper"><div class="popover__header"><arcgis-portal-user-avatar class="popover__avatar" .user=${c} scale=l .portal=${o} show-name .description=${P} .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar></div><div class="popover__content">${!!h && l`<p class="popover__description">${h}</p>` || ""}${!!h && l`<div class="popover__fade"></div>` || ""}<div class=${b({ popover__buttons: !0, "popover__buttons--no-description": !h })}>${v ? this.renderOrgButtons(c) : this.renderUserButtons(c)}</div></div></div></calcite-popover>` || ""}`;
+    }} ${w(this.popoverRef)}><div class="popover__wrapper"><div class="popover__header"><arcgis-portal-user-avatar class="popover__avatar" .user=${c} scale=l .portal=${o} show-name .description=${O} .checkOnline=${this.checkOnline}></arcgis-portal-user-avatar></div><div class="popover__content">${!!h && l`<p class="popover__description">${T(k(h))}</p>` || ""}${!!h && l`<div class="popover__fade"></div>` || ""}<div class=${b({ popover__buttons: !0, "popover__buttons--no-description": !h })}>${v ? this.renderOrgButtons(c) : this.renderUserButtons(c)}</div></div></div></calcite-popover>` || ""}`;
   }
 }
-A("arcgis-portal-user-popup", S);
+R("arcgis-portal-user-popup", D);
 export {
-  S as ArcgisPortalUserPopup
+  D as ArcgisPortalUserPopup
 };