@arcgis/portal-components 5.2.0-next.85 → 5.2.0-next.87

package/dist/components/arcgis-portal-field-delete/customElement.js

@@ -11,7 +11,7 @@ import U from "@arcgis/core/identity/IdentityManager.js";
 import b from "@arcgis/core/request.js";
 import * as q from "@arcgis/core/applications/PortalApp/layerUtils.js";
 import { i as $, a as R, g as J, b as z, d as W, e as _ } from "../../chunks/fieldAddDelete.js";
-import { g as C } from "../../chunks/portal.js";
+import { a as C } from "../../chunks/portal.js";
 import { u as V } from "../../chunks/useT9n.js";
 import { log as v, composeMissingPropertyMessage as k, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
 const n = /* @__PURE__ */ new Map();

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

@@ -15,7 +15,7 @@ import { c as k } from "../../chunks/store.js";
 import { i as A } from "../../chunks/query.js";
 import T from "@arcgis/core/portal/PortalGroup.js";
 import { r as E } from "../../chunks/request.js";
-import { g as M } from "../../chunks/portal.js";
+import { a as M } from "../../chunks/portal.js";
 import { b as f } from "../../chunks/ui.js";
 import { watch as q } from "@arcgis/core/core/reactiveUtils.js";
 import { PortalGroupBrowserSort as L } from "../portal-group-browser-sort/customElement.js";

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

@@ -3,7 +3,7 @@ import { c as p } from "../../chunks/runtime.js";
 import { LitElement as m, nothing as f, safeStyleMap as g } from "@arcgis/lumina";
 import { css as d, html as l } from "lit";
 import { createRef as c, ref as h } from "lit/directives/ref.js";
-import { a as $, g as b } from "../../chunks/portal.js";
+import { g as $, a as b } from "../../chunks/portal.js";
 const x = /^#[0-9a-f]{3}$/iu, k = /^#[0-9a-f]{6}$/iu;
 function u(r) {
   return E(r) || I(r);

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

@@ -9,14 +9,13 @@ import { a as B } from "../../chunks/requests.js";
 import { repeat as U } from "lit/directives/repeat.js";
 import { m as Pt } from "../../chunks/icons.js";
 import { i as M, c as me, a as Tt } from "../../chunks/user2.js";
-import "@arcgis/core/portal/Portal.js";
 import { c as Nt, d as Ct, e as Mt, f as Lt, h as Ot } from "../../chunks/portal2.js";
 import { c as Et, d as jt, e as Dt } from "../../chunks/user.js";
 import { i as Se, a as zt } from "../../chunks/utils2.js";
 import { g as Gt } from "../../chunks/request.js";
 import { g as Ie } from "../../chunks/item.js";
 import { keyed as se } from "lit/directives/keyed.js";
-import { e as ae, n as Ut, g as ce, f as q, a as Bt } from "../../chunks/portal.js";
+import { e as ae, n as Ut, a as ce, f as q, g as Bt } from "../../chunks/portal.js";
 import { ref as R, createRef as W } from "lit/directives/ref.js";
 import { c as Ft, g as Wt } from "../../chunks/dom.js";
 import { debounce as fe } from "@arcgis/toolkit/function";

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

@@ -1,62 +1,51 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as x } from "../../chunks/runtime.js";
-import { LitElement as b, safeClassMap as l } from "@arcgis/lumina";
-import { css as k, html as n } from "lit";
-import { u as $ } from "../../chunks/useT9n.js";
+import { LitElement as w, safeClassMap as l } from "@arcgis/lumina";
+import { css as k, html as t } from "lit";
+import { u as b } from "../../chunks/useT9n.js";
 import { f as z } from "../../chunks/user.js";
-import { g as U } from "../../chunks/user2.js";
-import { a as y, g as A } from "../../chunks/portal.js";
-const N = k`:host{max-width:100%;display:flex;align-items:center;min-width:0}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;align-items:center}.skeleton-avatar{border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.skeleton-name{background-color:var(--calcite-color-foreground-3);border-radius:var(--calcite-border-radius);width:var(--arcgis-portal-user-avatar-skeleton-width);border-radius:var(--arcgis-portal-user-avatar-spacing);height:var(--arcgis-portal-user-avatar-spacing);margin-inline-start:var(--arcgis-portal-user-avatar-spacing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar{display:block;flex-grow:0;flex-shrink:0;border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.text{color:var(--calcite-color-text-2);display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:start;margin-inline-start:var(--arcgis-portal-user-avatar-spacing);line-height:calc(var(--arcgis-portal-user-avatar-size) / 2)}.text--no-avatar{margin-inline-start:0}.-text-underline .title{text-decoration:underline}.text--clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-description{font-weight:500}.description{font-weight:400;color:var(--calcite-color-text-2)}:host([scale="xs"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 18px;--arcgis-portal-user-avatar-spacing: .25rem ;.description{font-size:.625rem;margin-top:-.125rem}.text{line-height:1.35}}:host([scale="s"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 1.5rem ;--arcgis-portal-user-avatar-spacing: .5rem ;--arcgis-portal-user-avatar-skeleton-width: 4rem ;.description{font-size:.625rem}}:host([scale="m"]){font-size:.875rem;--arcgis-portal-user-avatar-size: 2rem ;--arcgis-portal-user-avatar-spacing: .75rem ;--arcgis-portal-user-avatar-skeleton-width: 5rem ;.description{font-size:.75rem}}:host([scale="l"]){font-size:1rem;--arcgis-portal-user-avatar-size: 2.5rem ;--arcgis-portal-user-avatar-spacing: 1rem ;--arcgis-portal-user-avatar-skeleton-width: 6rem ;.description{font-size:.875rem}}`, B = (s) => s.thumbnailUrl !== void 0;
-function c(s, a, r = !1) {
-  if (B(s))
-    return s.thumbnailUrl;
-  const e = s.thumbnail;
-  if (!e)
-    return null;
-  if (e.startsWith("http"))
-    return e;
-  const t = y(a);
-  return `${r ? "https://www.arcgis.com/sharing/rest/" : A(a)}community/users/${s.username}/info/${e}${t && !r ? `?token=${t}` : ""}`;
-}
-class P extends b {
+import { g as $ } from "../../chunks/user2.js";
+import { g as n } from "../../chunks/services.js";
+const U = k`:host{max-width:100%;display:flex;align-items:center;min-width:0}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;align-items:center}.skeleton-avatar{border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.skeleton-name{background-color:var(--calcite-color-foreground-3);border-radius:var(--calcite-border-radius);width:var(--arcgis-portal-user-avatar-skeleton-width);border-radius:var(--arcgis-portal-user-avatar-spacing);height:var(--arcgis-portal-user-avatar-spacing);margin-inline-start:var(--arcgis-portal-user-avatar-spacing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar{display:block;flex-grow:0;flex-shrink:0;border-radius:100%;background-color:var(--calcite-color-foreground-3);width:var(--arcgis-portal-user-avatar-size);height:var(--arcgis-portal-user-avatar-size)}.text{color:var(--calcite-color-text-2);display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:start;margin-inline-start:var(--arcgis-portal-user-avatar-spacing);line-height:calc(var(--arcgis-portal-user-avatar-size) / 2)}.text--no-avatar{margin-inline-start:0}.-text-underline .title{text-decoration:underline}.text--clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-description{font-weight:500}.description{font-weight:400;color:var(--calcite-color-text-2)}:host([scale="xs"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 18px;--arcgis-portal-user-avatar-spacing: .25rem ;.description{font-size:.625rem;margin-top:-.125rem}.text{line-height:1.35}}:host([scale="s"]){font-size:.75rem;--arcgis-portal-user-avatar-size: 1.5rem ;--arcgis-portal-user-avatar-spacing: .5rem ;--arcgis-portal-user-avatar-skeleton-width: 4rem ;.description{font-size:.625rem}}:host([scale="m"]){font-size:.875rem;--arcgis-portal-user-avatar-size: 2rem ;--arcgis-portal-user-avatar-spacing: .75rem ;--arcgis-portal-user-avatar-skeleton-width: 5rem ;.description{font-size:.75rem}}:host([scale="l"]){font-size:1rem;--arcgis-portal-user-avatar-size: 2.5rem ;--arcgis-portal-user-avatar-spacing: 1rem ;--arcgis-portal-user-avatar-skeleton-width: 6rem ;.description{font-size:.875rem}}`;
+class y extends w {
   constructor() {
-    super(...arguments), this.messages = $({ name: null }), this.thumbnailUrl = null, this.scale = "m", this.hideAvatar = !1;
+    super(...arguments), this.messages = b({ name: null }), this.thumbnailUrl = null, this.scale = "m", this.hideAvatar = !1;
   }
   static {
     this.properties = { user: 0, portal: 0, scale: 3, showName: 5, hideAvatar: 5, heading: 1, description: 1, underline: 5, username: 1, wrap: 5, checkOnline: 5 };
   }
   static {
-    this.styles = N;
+    this.styles = U;
   }
   async load() {
-    const { username: a, checkOnline: r, portal: e, user: t } = this;
-    if (a && e) {
-      const i = await z(a, e, r);
-      this.user = i, this.thumbnailUrl = c(i, e, r);
-    } else t && e && (this.thumbnailUrl = c(t, e, r));
+    const { username: e, checkOnline: a, portal: r, user: i } = this;
+    if (e && r) {
+      const s = await z(e, r, a);
+      this.user = s, this.thumbnailUrl = n(s, r, a);
+    } else i && r && (this.thumbnailUrl = n(i, r, a));
   }
-  updated(a) {
-    const r = a.get("user");
-    r && this.portal && (this.thumbnailUrl = c(r, this.portal, this.checkOnline));
+  updated(e) {
+    const a = e.get("user");
+    a && this.portal && (this.thumbnailUrl = n(a, this.portal, this.checkOnline));
   }
   renderSkeleton() {
-    return n`<div class="skeleton">${!this.hideAvatar && n`<div class="skeleton-avatar"></div>` || ""}${this.showName && n`<div class="skeleton-name"></div>` || ""}</div>`;
+    return t`<div class="skeleton">${!this.hideAvatar && t`<div class="skeleton-avatar"></div>` || ""}${this.showName && t`<div class="skeleton-name"></div>` || ""}</div>`;
   }
   renderUser() {
-    const { user: a, messages: r, thumbnailUrl: e, hideAvatar: t, showName: i, description: u, scale: m, underline: h, heading: d } = this;
-    if (!a)
+    const { user: e, messages: a, thumbnailUrl: r, hideAvatar: i, showName: s, description: c, scale: p, underline: m, heading: d } = this;
+    if (!e)
       return [];
-    const { fullName: g, username: v, id: f } = a, o = !!u, w = (g?.split(" ") || []).slice(0, 2).join(" "), p = this.wrap ? "text--clamp" : "text--ellipsis";
+    const { fullName: h, username: g, id: v } = e, o = !!c, f = (h?.split(" ") || []).slice(0, 2).join(" "), u = this.wrap ? "text--clamp" : "text--ellipsis";
     return [
-      !t && n`<calcite-avatar class="avatar" .scale=${m === "xs" ? "s" : m} .fullName=${w} .username=${v} .userId=${f} .thumbnail=${e || void 0} .inert=${i || o ? !0 : void 0}></calcite-avatar>` || "",
-      (i || o) && n`<span class=${l({ text: !0, "text--underline": h, "text--no-avatar": t })}>${i && n`<span class=${l({ title: !0, "has-description": o, [p]: !0 })}>${d || U(a, r._lang)}</span>` || ""}${o && n`<span class=${l({ description: !0, [p]: !0 })}>${u}</span>` || ""}</span>` || ""
+      !i && t`<calcite-avatar class="avatar" .scale=${p === "xs" ? "s" : p} .fullName=${f} .username=${g} .userId=${v} .thumbnail=${r || void 0} .inert=${s || o ? !0 : void 0}></calcite-avatar>` || "",
+      (s || o) && t`<span class=${l({ text: !0, "text--underline": m, "text--no-avatar": i })}>${s && t`<span class=${l({ title: !0, "has-description": o, [u]: !0 })}>${d || $(e, a._lang)}</span>` || ""}${o && t`<span class=${l({ description: !0, [u]: !0 })}>${c}</span>` || ""}</span>` || ""
     ];
   }
   render() {
     return this.user && this.messages._lang ? this.renderUser() : this.renderSkeleton();
   }
 }
-x("arcgis-portal-user-avatar", P);
+x("arcgis-portal-user-avatar", y);
 export {
-  P as ArcgisPortalUserAvatar
+  y as ArcgisPortalUserAvatar
 };

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

@@ -9,67 +9,67 @@ 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 { g as U } from "../../chunks/portal.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 = (a) => (
+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) => (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  a?.sourceJSON?.contentStatus === "public_authoritative"
+  s?.sourceJSON?.contentStatus === "public_authoritative"
 );
-async function M(a, t, r, o) {
-  if (I(a)) {
-    const e = a.owner || "", s = await F(a, r, t, o);
-    if (!s)
+async function M(s, t, r, o) {
+  if (I(s)) {
+    const e = s.owner || "", a = await F(s, r, t, o);
+    if (!a)
       return await f(e, t, o);
-    const { description: n, name: i, thumbnail: u, url: m } = s;
+    const { description: n, name: i, thumbnail: u, url: m } = a;
     return {
       description: n ? q(n) : "",
       fullName: i,
       username: e,
       thumbnail: u,
-      id: a.portal.id,
+      id: s.portal.id,
       url: m
     };
   }
-  return await f(a.owner || "", t, o);
+  return await f(s.owner || "", t, o);
 }
-async function E(a, t, r) {
+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({
       url: `${o}community/groups`,
       portal: t,
       params: {
-        q: `(owner:"${a}")`,
+        q: `(owner:"${s}")`,
         num: 100
       },
       options: e
     }),
     key: "userGroups",
-    id: a
+    id: s
   });
 }
-async function G(a, t, r) {
+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({
       url: `${o}search`,
       portal: t,
       params: {
-        q: `(owner:"${a}") -typekeywords:"recyclebin"`,
+        q: `(owner:"${s}") -typekeywords:"recyclebin"`,
         num: 1
       },
       options: e
     })).total,
     key: "userItemsTotal",
-    id: a
+    id: s
   });
 }
 function _({
-  baseUrl: a,
+  baseUrl: s,
   user: t,
   type: r
 }) {
-  const o = C(a), e = encodeURIComponent(t.username || "");
+  const o = C(s), e = encodeURIComponent(t.username || "");
   return e ? `${o}/${r}.html?user=${e}` : `${o}/${r}.html`;
 }
 class S extends R {
@@ -98,10 +98,10 @@ class S extends R {
     return this.baseUrl || `${this.portal.url}/home`;
   }
   async init() {
-    const { item: t, username: r, portal: o, fullName: e, messages: s } = this;
-    if (!(!s._lang || !o)) {
+    const { item: t, username: r, portal: o, fullName: e, messages: a } = this;
+    if (!(!a._lang || !o)) {
       if (t) {
-        this.itemUserInfo = await M(t, o, s._lang, this.checkOnline);
+        this.itemUserInfo = await M(t, o, a._lang, this.checkOnline);
         return;
       }
       if (r) {
@@ -111,7 +111,7 @@ class S extends R {
     }
   }
   async fetchItemsAndGroups() {
-    const { user: t, itemUserInfo: r, item: o, portal: e, username: s, checkOnline: n } = this, i = s || t?.username || o?.owner || r?.username;
+    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);
@@ -130,13 +130,13 @@ class S extends R {
   }
   renderOrgButtons(t) {
     const { messages: r } = this, e = (t.url || this.resolvedBaseUrl).replace(/\/$/u, "");
-    return l`<calcite-button appearance=outline-fill kind=neutral .href=${e} target=_blank @click=${(s) => this.openLink(s, e)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${e}/gallery.html`} target=_blank @click=${(s) => this.openLink(s, `${e}/gallery.html`)}>${r.gallery}</calcite-button>`;
+    return l`<calcite-button appearance=outline-fill kind=neutral .href=${e} target=_blank @click=${(a) => this.openLink(a, e)}>${r.homepage}</calcite-button><calcite-button appearance=outline-fill kind=neutral .href=${`${e}/gallery.html`} target=_blank @click=${(a) => this.openLink(a, `${e}/gallery.html`)}>${r.gallery}</calcite-button>`;
   }
   renderUserButtons(t) {
-    const { total: r, groups: o, messages: e } = this, s = t.username || "";
+    const { total: r, groups: o, messages: e } = this, a = t.username || "";
     if (typeof r != "number" || !o)
       return l`<calcite-loader .label=${e.loadingUserInformation} scale=s class="popover__loader"></calcite-loader>`;
-    const i = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "groups" }), u = _({ baseUrl: this.resolvedBaseUrl, user: { username: s }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(s)}`;
+    const i = _({ baseUrl: this.resolvedBaseUrl, user: { username: a }, type: "groups" }), u = _({ baseUrl: this.resolvedBaseUrl, user: { username: a }, type: "content" }), m = `${this.resolvedBaseUrl.replace(/\/$/u, "")}/user.html?user=${encodeURIComponent(a)}`;
     return l`${!!o.total && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${i} target=_blank @click=${(p) => {
       this.openLink(p, i), this.arcgisUserPopupInternalUIAction.emit({ category: "profile popup", action: "view all groups" });
     }}>${e.groups.replace("${number}", new Intl.NumberFormat(e._lang).format(o.total))}</calcite-button>` || ""}${!!r && l`<calcite-button class="popover__button" appearance=outline-fill kind=neutral .href=${u} target=_blank @click=${(p) => {
@@ -146,13 +146,13 @@ class S extends R {
     }}>${e.profile}</calcite-button>`;
   }
   render() {
-    const { user: t, itemUserInfo: r, portal: o, item: e, appearance: s, scale: n, isPopoverOpen: i, showName: u, showUsername: m, messages: p } = this, c = t || 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;
     return l`<button class=${b({
       button: !0,
-      "button--outline": s === "outline"
+      "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=${() => {