@arcgis/portal-components 5.2.0-next.5 → 5.2.0-next.51

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

@@ -0,0 +1,153 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+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";
+const x = /^#[0-9a-f]{3}$/iu, k = /^#[0-9a-f]{6}$/iu;
+function u(r) {
+  return E(r) || I(r);
+}
+function E(r) {
+  return r?.length === 4 && x.test(r);
+}
+function I(r) {
+  return r?.length === 7 && k.test(r);
+}
+function O(r) {
+  if (!u(r))
+    return null;
+  const t = r.replace("#", "");
+  if (t.length === 3) {
+    const [e, i, o] = t.split("");
+    return {
+      r: Number.parseInt(`${e}${e}`, 16),
+      g: Number.parseInt(`${i}${i}`, 16),
+      b: Number.parseInt(`${o}${o}`, 16)
+    };
+  }
+  return {
+    r: Number.parseInt(t.slice(0, 2), 16),
+    g: Number.parseInt(t.slice(2, 4), 16),
+    b: Number.parseInt(t.slice(4, 6), 16)
+  };
+}
+function T(r) {
+  let t = 0;
+  for (let i = 0; i < r.length; i++)
+    t = r.charCodeAt(i) + ((t << 5) - t);
+  let e = "#";
+  for (let i = 0; i < 3; i++) {
+    const o = t >> i * 8 & 255;
+    e += `00${o.toString(16)}`.slice(-2);
+  }
+  return e;
+}
+function v(r) {
+  let { r: t, g: e, b: i } = r;
+  t /= 255, e /= 255, i /= 255;
+  const o = Math.max(t, e, i), n = Math.min(t, e, i), s = o - n;
+  if (s === 0)
+    return 0;
+  let a = 0;
+  switch (o) {
+    case t:
+      a = (e - i) / s + (e < i ? 6 : 0);
+      break;
+    case e:
+      a = (i - t) / s + 2;
+      break;
+    default:
+      a = (t - e) / s + 4;
+      break;
+  }
+  return Math.round(a * 60);
+}
+function w(r) {
+  const t = O(r);
+  return t ? v(t) : 0;
+}
+const H = d`:host{display:inline-block}:host([scale="s"]){height:1.5rem;width:1.5rem;font-size:.625rem}:host([scale="m"]){height:2rem;width:2rem;font-size:.75rem}:host([scale="l"]){font-size:1rem;height:2.75rem;width:2.75rem}:host([scale="xl"]){font-size:1.25rem;height:4rem;width:4rem}.icon{display:flex;color:var(--calcite-color-text-3)}.background{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.initials{position:absolute;font-weight:700;text-transform:uppercase;color:var(--calcite-color-text-2)}.thumbnail{height:100%;width:100%}.tooltip-text{margin:0;padding:0;font-size:.75rem;color:var(--calcite-color-text-2)}calcite-tooltip{pointer-events:none}`;
+class y extends m {
+  constructor() {
+    super(...arguments), this.imageEl = c(), this.fallbackEl = c(), this.tooltipEl = c(), this.imageError = !1, this.tooltipOpen = !1, this.tooltip = !1, this.scale = "m";
+  }
+  static {
+    this.properties = { imageError: 16, tooltipOpen: 16, group: 0, portal: 0, tooltip: 5, scale: 3 };
+  }
+  static {
+    this.styles = H;
+  }
+  willUpdate(t) {
+    t.has("group") && (this.imageError = !1);
+  }
+  updated() {
+    const t = this.tooltipEl.value, e = this.imageEl.value || this.fallbackEl.value;
+    t && e && (t.referenceElement = e);
+  }
+  isDarkMode() {
+    return !!this.el.closest(".calcite-mode-dark");
+  }
+  getThumbnailURI() {
+    const { group: t, portal: e } = this;
+    if (!t)
+      return null;
+    if (t.thumbnailUrl)
+      return t.thumbnailUrl;
+    const i = t.thumbnail;
+    if (!i)
+      return null;
+    if (i.startsWith("http"))
+      return i;
+    if (!e || !t.id)
+      return null;
+    const o = $(e), n = o ? `?token=${o}` : "";
+    return `${b(e)}community/groups/${t.id}/info/${i}${n}`;
+  }
+  generateFillColor() {
+    const { id: t, title: e } = this.group || {}, i = t ? `#${t.slice(Math.max(0, t.length - 6))}` : "", o = t && u(i) ? i : T(e || "");
+    if (!t && !e || !u(o))
+      return "var(--calcite-color-foreground-2)";
+    const n = w(o), s = this.isDarkMode() ? 20 : 90;
+    return `hsl(${n}, 60%, ${s}%)`;
+  }
+  generateInitials() {
+    const t = this.group?.title?.trim().charAt(0);
+    return t?.match(/^\w+$/u) ? t : null;
+  }
+  getIconScale() {
+    return this.scale === "xl" ? "l" : this.scale === "xs" ? "s" : this.scale;
+  }
+  renderTooltip() {
+    return !this.tooltip || !this.group?.title ? null : l`<calcite-tooltip .open=${this.tooltipOpen} close-on-click placement=bottom-start offset-distance=6 offset-skidding=0 ${h(this.tooltipEl)}><p class="tooltip-text">${this.group.title}</p></calcite-tooltip>`;
+  }
+  render() {
+    const t = this.getThumbnailURI();
+    if (t && !this.imageError)
+      return l`<img class="thumbnail" src=${t ?? f} alt @error=${() => {
+        this.imageError = !0;
+      }} @mouseenter=${() => {
+        this.tooltipOpen = !0;
+      }} @mouseleave=${() => {
+        this.tooltipOpen = !1;
+      }} @focusin=${() => {
+        this.tooltipOpen = !0;
+      }} @focusout=${() => {
+        this.tooltipOpen = !1;
+      }} ${h(this.imageEl)}>${this.renderTooltip()}`;
+    const e = this.generateInitials();
+    return l`<span class="background" style=${g({ backgroundColor: this.generateFillColor() })} @mouseenter=${() => {
+      this.tooltipOpen = !0;
+    }} @mouseleave=${() => {
+      this.tooltipOpen = !1;
+    }} @focusin=${() => {
+      this.tooltipOpen = !0;
+    }} @focusout=${() => {
+      this.tooltipOpen = !1;
+    }} ${h(this.fallbackEl)}>${e ? l`<span aria-hidden=true class="initials">${e}</span>` : l`<calcite-icon class="icon" icon=users .scale=${this.getIconScale()}></calcite-icon>`}</span>${this.renderTooltip()}`;
+  }
+}
+p("arcgis-portal-group-thumbnail", y);
+export {
+  y as ArcgisPortalGroupThumbnail
+};

package/dist/components/arcgis-portal-group-thumbnail/index.d.ts

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

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

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

package/dist/components/arcgis-portal-info-banner/customElement.d.ts

@@ -0,0 +1,14 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalInfoBannerConfig } from "../../types/portal.js";
+
+export abstract class ArcgisPortalInfoBanner extends LitElement {
+  /** Banner configuration stored in organization settings */
+  accessor config: PortalInfoBannerConfig | undefined;
+  /**
+   * Informational banner should be displayed on both top and bottom of screen
+   *
+   * @default "top"
+   */
+  accessor position: "bottom" | "top" | undefined;
+}

package/dist/components/arcgis-portal-info-banner/customElement.js

@@ -0,0 +1,31 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as r } from "../../chunks/runtime.js";
+import { css as e, html as n } from "lit";
+import { LitElement as s, safeStyleMap as a, safeClassMap as i } from "@arcgis/lumina";
+import { s as l, h as c } from "../../chunks/dom.js";
+const m = e`:host{display:block}.banner{font-weight:var(--calcite-font-weight-bold);font-size:var(--calcite-font-size-0);line-height:1.25rem;font-family:var(--calcite-sans-family);text-align:center;padding:.75rem 2rem;border-bottom:1px solid var(--calcite-color-border-1)}.banner--bottom{border-bottom:none;border-top:1px solid var(--calcite-color-border-1)}.banner__text{margin:0;padding:0;overflow-wrap:break-word}`;
+class p extends s {
+  constructor() {
+    super(...arguments), this.position = "top";
+  }
+  static {
+    this.properties = { config: 0, position: 1 };
+  }
+  static {
+    this.styles = m;
+  }
+  render() {
+    const { position: o, config: t } = this;
+    return t?.enabled ? n`<div style=${a({
+      backgroundColor: t.bgColor,
+      color: t.fontColor
+    })} class=${i({
+      banner: !0,
+      "banner--bottom": o === "bottom"
+    })}><p class="banner__text">${l(c(t.text))}</p></div>` : null;
+  }
+}
+r("arcgis-portal-info-banner", p);
+export {
+  p as ArcgisPortalInfoBanner
+};

package/dist/components/arcgis-portal-info-banner/index.d.ts

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

package/dist/components/arcgis-portal-info-banner/index.js

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

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

@@ -28,6 +28,7 @@ export abstract class ArcgisPortalItemType extends LitElement {
       hostedCollectionMultidimensional: string;
       collectionMultidimensional: string;
       multidimensional: string;
+      query: string;
       collection: string;
       photoLocations: string;
       locatorView: string;
@@ -56,6 +57,7 @@ export abstract class ArcgisPortalItemType extends LitElement {
       hostedCollectionMultidimensional: string;
       collectionMultidimensional: string;
       multidimensional: string;
+      query: string;
       collection: string;
       photoLocations: string;
       locatorView: string;
@@ -87,5 +89,5 @@ export abstract class ArcgisPortalItemType extends LitElement {
    * @default false
    */
   accessor showHosted: boolean | undefined;
-  accessor user: PortalUser | undefined;
+  accessor user: PortalUser | null | undefined;
 }