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

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

@@ -0,0 +1,121 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserFilterDetail, PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserFilterDate extends LitElement {
+  /** @internal */
+  protected _messages: {
+      browser: {
+          refineContent: string;
+          close: string;
+          loading: string;
+      };
+      range: {
+          summary: string;
+          announcement: string;
+      };
+      filterStatus: {
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+      filterDate: {
+          title: {
+              created: string;
+              modified: string;
+          };
+          clear: string;
+          created: string;
+          modified: string;
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          refineContent: string;
+          close: string;
+          loading: string;
+      };
+      range: {
+          summary: string;
+          announcement: string;
+      };
+      filterStatus: {
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+      filterDate: {
+          title: {
+              created: string;
+              modified: string;
+          };
+          clear: string;
+          created: string;
+          modified: string;
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+      };
+  }>;
+  /** End date for user-defined range. */
+  accessor end: Date | number | string | null | undefined;
+  /**
+   * Set to true to open the filter on first load.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /**
+   * Set to true to include the never option.
+   *
+   * @default false
+   */
+  accessor includeNever: boolean;
+  /**
+   * Id of the date filter in the browser store.
+   *
+   * @default "created"
+   */
+  accessor property: PortalBrowserDateProperty;
+  /** Well known date ranges, or custom for user-defined ranges. */
+  accessor range: PortalBrowserDateRange;
+  /** Property key to use in generated query expressions. */
+  accessor serverProperty: string | undefined;
+  /** Start date for user-defined range. */
+  accessor start: Date | number | string | null | undefined;
+  /** Shared browser store used to reset this filter when removed externally. */
+  accessor store: PortalBrowserStore | undefined;
+  readonly arcgisBrowserFilter: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserDateDetail>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilter: ArcgisPortalBrowserFilterDate["arcgisBrowserFilter"]["detail"];
+  };
+}
+
+export type PortalBrowserDateProperty = "created" | "modified";
+
+export type PortalBrowserDateRange = (typeof portalBrowserDateRanges)[number] | null;
+
+export type PortalBrowserDateDetail = PortalBrowserFilterDetail
+  & {
+  range: PortalBrowserDateRange;
+  start?: Date;
+  end?: Date;
+};
+
+export const portalBrowserDateRanges: readonly [
+    "custom",
+    "last30",
+    "last7",
+    "never",
+    "today",
+    "yesterday"
+];

package/dist/components/arcgis-portal-browser-filter-date/customElement.js

@@ -0,0 +1,117 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as g, createEvent as p, nothing as f } from "@arcgis/lumina";
+import { debounce as v } from "@arcgis/toolkit/function";
+import { css as D, html as o } from "lit";
+import { createRef as y, ref as w } from "lit/directives/ref.js";
+import { u as b } from "../../chunks/useT9n.js";
+import "../arcgis-portal-browser-filter/customElement.js";
+const n = 1440 * 60 * 1e3;
+function i(a) {
+  const e = typeof a == "string" ? Number.parseInt(a, 10) : typeof a == "number" ? a : (a ?? /* @__PURE__ */ new Date()).valueOf(), t = new Date(e);
+  return t.setHours(0, 0, 0, 0), t.valueOf();
+}
+function h(a) {
+  return i(a) + n - 1;
+}
+const k = 7 * n, $ = D`:host{display:block}.custom-date-picker{margin-top:.5rem;margin-bottom:.5rem;margin-inline-start:1.75rem;width:12.75rem}`, d = ["custom", "last30", "last7", "never", "today", "yesterday"];
+class P extends g {
+  constructor() {
+    super(...arguments), this._messages = b({ name: "portal-browser", blocking: !0 }), this._datePicker = y(), this.today = "", this.debouncedRangeChangeHandler = v(() => this.rangeChangeHandler(), 200), this.property = "created", this.range = null, this.expanded = !1, this.includeNever = !1, this.arcgisBrowserFilter = p();
+  }
+  static {
+    this.properties = { property: 1, serverProperty: 1, range: 1, start: 1, end: 1, store: 0, expanded: 5, includeNever: 5 };
+  }
+  static {
+    this.styles = $;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = /* @__PURE__ */ new Date();
+    this.today = `${e.getFullYear()}-${e.getMonth() + 1}-${e.getDate()}`, this.attachStoreWatcher(), this.range && (this.range !== "custom" || this.start && this.end) && this.arcgisBrowserFilter.emit(this.getEventDetail());
+  }
+  willUpdate(e) {
+    (e.has("store") || e.has("property")) && this.attachStoreWatcher(), (e.has("range") || e.has("start") || e.has("end")) && this.range === "custom" && this.setDatePickerValue();
+  }
+  disconnectedCallback() {
+    this.removeStoreWatcher?.(), super.disconnectedCallback();
+  }
+  attachStoreWatcher() {
+    if (this.removeStoreWatcher?.(), !this.store)
+      return;
+    const e = m(() => {
+      const t = this.store?.filters?.[this.property];
+      return {
+        value: t?.value,
+        additionalParams: t?.additionalParams
+      };
+    }, () => {
+      const t = this.store?.filters?.[this.property];
+      !(t?.value || t?.additionalParams) && this.isActive() && this.resetDatePicker();
+    });
+    this.removeStoreWatcher = () => e.remove();
+  }
+  resetDatePicker() {
+    this.range = null, this.start = null, this.end = null, this._datePicker.value && (this._datePicker.value.valueAsDate = []);
+  }
+  getValue() {
+    const e = i(), t = h();
+    switch (this.range) {
+      case "yesterday":
+        return [e - n, e - 1];
+      case "today":
+        return [e, t];
+      case "last7":
+        return [e - k, t];
+      case "last30":
+        return [e - n * 30, t];
+      case "never":
+        return [-1, -1];
+      case "custom": {
+        const s = i(this.start), r = h(this.end);
+        return [s, r];
+      }
+      default:
+        return null;
+    }
+  }
+  getEventDetail() {
+    const e = this._messages?.filterDate, t = this.getValue(), s = this.serverProperty ?? (this.property === "modified" ? "modified" : "uploaded"), r = this.range ? e?.[this.range] ?? "" : "", c = e?.[this.property] ?? "";
+    return {
+      id: this.property,
+      value: t ? `(${s}:[${t[0]} TO ${t[1]}])` : "",
+      range: this.range,
+      start: t ? new Date(t[0]) : void 0,
+      end: t ? new Date(t[1]) : void 0,
+      label: this.range ? c.replace("${date}", r) : ""
+    };
+  }
+  isActive() {
+    return !!(this.range && (this.range !== "custom" || this.start && this.end));
+  }
+  setDatePickerValue() {
+    !this._datePicker.value || this.range !== "custom" || !this.start || !this.end || (this._datePicker.value.valueAsDate = [new Date(i(this.start)), new Date(i(this.end))]);
+  }
+  rangeChangeHandler() {
+    const e = this._datePicker.value?.valueAsDate, [t, s] = Array.isArray(e) ? e : [];
+    t && s && (this.start = t, this.end = s, this.arcgisBrowserFilter.emit(this.getEventDetail()));
+  }
+  renderRange(e) {
+    const s = this._messages?.filterDate;
+    return o`<calcite-tree-item data-range=${e ?? f} .selected=${e === this.range}>${s?.[e] ?? ""}</calcite-tree-item>`;
+  }
+  render() {
+    const t = this._messages?.filterDate, s = this.includeNever ? d : d.filter((r) => r !== "never");
+    return o`<arcgis-portal-browser-filter .heading=${t?.title?.[this.property] ?? ""} .expanded=${this.expanded} .active=${this.isActive()} .clearLabel=${t?.clear ?? ""} .filterId=${this.property} @arcgisBrowserFilterRemove=${() => {
+      this.resetDatePicker(), this.arcgisBrowserFilter.emit(this.getEventDetail());
+    }}><calcite-tree selection-mode=children scale=m @calciteTreeSelect=${(r) => {
+      const l = r.target.selectedItems?.[0]?.dataset.range;
+      this.range = this.range === l ? null : l, !(this.range === "custom" && !(this.start && this.end)) && this.arcgisBrowserFilter.emit(this.getEventDetail());
+    }}>${s.map((r) => this.renderRange(r))}</calcite-tree>${this.range === "custom" && o`<calcite-input-date-picker class="custom-date-picker" @calciteInputDatePickerChange=${() => this.debouncedRangeChangeHandler()} scale=s .max=${this.today} calendars=1 layout=vertical month-style=abbreviated proximity-selection-disabled range ${w(this._datePicker)}></calcite-input-date-picker>` || ""}</arcgis-portal-browser-filter>`;
+  }
+}
+u("arcgis-portal-browser-filter-date", P);
+export {
+  P as ArcgisPortalBrowserFilterDate
+};

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

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

package/dist/components/arcgis-portal-browser-filter-date/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-tree-item";
+import "../arcgis-portal-browser-filter/index.js";
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-input-date-picker";
+export * from "./customElement.js";

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

@@ -0,0 +1,81 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserFilterDetail } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserFilterStatus extends LitElement {
+  /** @internal */
+  protected _messages: {
+      browser: {
+          refineContent: string;
+          close: string;
+          loading: string;
+      };
+      range: {
+          summary: string;
+          announcement: string;
+      };
+      filterStatus: {
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+      filterDate: {
+          title: {
+              created: string;
+              modified: string;
+          };
+          clear: string;
+          created: string;
+          modified: string;
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          refineContent: string;
+          close: string;
+          loading: string;
+      };
+      range: {
+          summary: string;
+          announcement: string;
+      };
+      filterStatus: {
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+      filterDate: {
+          title: {
+              created: string;
+              modified: string;
+          };
+          clear: string;
+          created: string;
+          modified: string;
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+      };
+  }>;
+  /** Pass the width of the browser from state */
+  accessor browserWidth: number | undefined;
+  /** Pass the width of the component container */
+  accessor componentWidth: number | undefined;
+  accessor filters: Record<string, PortalBrowserFilterDetail>;
+  accessor hiddenFilterIds: string[];
+  readonly arcgisBrowserFilterClear: import("@arcgis/lumina").TargetedEvent<this, null>;
+  readonly arcgisBrowserFilterRemove: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilterClear: ArcgisPortalBrowserFilterStatus["arcgisBrowserFilterClear"]["detail"];
+    arcgisBrowserFilterRemove: ArcgisPortalBrowserFilterStatus["arcgisBrowserFilterRemove"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-browser-filter-status/customElement.js

@@ -0,0 +1,56 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { keyed as p } from "lit/directives/keyed.js";
+import { LitElement as m, createEvent as d } from "@arcgis/lumina";
+import { css as b, html as e } from "lit";
+import { b as f } from "../../chunks/ui.js";
+import { g } from "../../chunks/dom.js";
+import { u as w } from "../../chunks/useT9n.js";
+const B = b`:host{display:flex;align-items:center}.status-list{display:flex;align-items:center;max-width:100%}.status-chip{max-width:100%;--calcite-color-foreground-2: var(--calcite-color-foreground-1)}.chip-group{max-width:100%;min-width:0}.status-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-content{max-width:28rem;padding:.75rem}.clear-button{margin-inline-start:.25rem}`;
+class v extends m {
+  constructor() {
+    super(...arguments), this._messages = w({ name: "portal-browser", blocking: !0 }), this.inBounds = [], this.outOfBounds = [], this.filters = {}, this.hiddenFilterIds = [], this.arcgisBrowserFilterClear = d(), this.arcgisBrowserFilterRemove = d();
+  }
+  static {
+    this.properties = { inBounds: 16, outOfBounds: 16, filters: 0, hiddenFilterIds: 0, componentWidth: 9, browserWidth: 9 };
+  }
+  static {
+    this.styles = B;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.processValidFilters();
+  }
+  willUpdate(t) {
+    (t.has("filters") || t.has("hiddenFilterIds") || t.has("componentWidth") || t.has("browserWidth")) && this.processValidFilters();
+  }
+  isFilterValid(t) {
+    return this.hiddenFilterIds.includes(t.id) ? !1 : t.id === "collaborations" && "additionalParams" in t ? !!(t.additionalParams && t.label) : !!(t.value && t.label);
+  }
+  processValidFilters() {
+    const t = Object.values(this.filters).filter(this.isFilterValid.bind(this)), s = this.componentWidth ?? 0;
+    if ((this.browserWidth ?? window.innerWidth) < f.sm) {
+      this.inBounds = t, this.outOfBounds = [];
+      return;
+    }
+    const h = Math.max(s - 460, 0);
+    let a = 0;
+    const l = [], n = [];
+    t.forEach((r) => {
+      const c = g({ text: r.label });
+      !s || a + c <= h ? (l.push(r), a += c) : n.push(r);
+    }), this.inBounds = l, this.outOfBounds = n;
+  }
+  renderChip(t) {
+    return p(t.id, e`<calcite-chip class="status-chip" scale=s .label=${t.label} .value=${t.id} closable appearance=outline @calciteChipClose=${() => {
+      this.arcgisBrowserFilterRemove.emit(t.id);
+    }}><span class="status-chip__label">${t.label}</span></calcite-chip>`);
+  }
+  render() {
+    const t = this._messages.filterStatus, s = this.outOfBounds.length > 0, o = this.inBounds.length + this.outOfBounds.length;
+    return o ? e`<div class="status-list"><calcite-chip-group class="chip-group" .label=${t.filters} scale=s>${this.inBounds.map((i) => this.renderChip(i))}${s && e`<calcite-button id=popover-button round kind=neutral appearance=outline scale=s>+ ${this.outOfBounds.length}</calcite-button>` || ""}</calcite-chip-group>${s && e`<calcite-popover .label=${t.additional} reference-element=popover-button placement=bottom-end><div class="popover-content"><calcite-chip-group .label=${t.additional} scale=s>${this.outOfBounds.map((i) => this.renderChip(i))}</calcite-chip-group></div></calcite-popover>` || ""}${o > 1 && e`<calcite-button class="clear-button" scale=s appearance=transparent kind=brand @click=${() => this.arcgisBrowserFilterClear.emit(null)}>${t.clearAllFilters}</calcite-button>` || ""}</div>` : null;
+  }
+}
+u("arcgis-portal-browser-filter-status", v);
+export {
+  v as ArcgisPortalBrowserFilterStatus
+};

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

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

package/dist/components/arcgis-portal-browser-filter-status/index.js

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

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

@@ -0,0 +1,7 @@
+/// <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 ArcgisPortalBrowserFilters extends LitElement {
+  accessor store: PortalBrowserStore | undefined;
+}

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

@@ -0,0 +1,29 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as e } from "../../chunks/runtime.js";
+import { css as o, html as r } from "lit";
+import { LitElement as i, safeClassMap as l } from "@arcgis/lumina";
+import { createRef as a, ref as c } from "lit/directives/ref.js";
+import { b as n } from "../../chunks/ui.js";
+const p = o`:host{display:block}.filters-shell{display:block}.filters-shell__top{padding:0}.filters-shell__top--padded{padding:0 1rem 1rem}`;
+class d extends i {
+  constructor() {
+    super(...arguments), this._accordionRef = a();
+  }
+  static {
+    this.properties = { store: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  updated() {
+    this.store && this._accordionRef.value && (this.store.filterElement = this._accordionRef.value);
+  }
+  render() {
+    const t = this.store, s = !!t?.panel || (t?.width ?? 0) < n.sm;
+    return r`<div class="filters-shell" .inert=${!!t?.preview}><div class=${l({ "filters-shell__top": !0, "filters-shell__top--padded": s })}><slot name=top></slot></div><slot name=primary></slot><slot name=title></slot><calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m ${c(this._accordionRef)}><slot></slot></calcite-accordion><slot name=bottom></slot></div>`;
+  }
+}
+e("arcgis-portal-browser-filters", d);
+export {
+  d as ArcgisPortalBrowserFilters
+};

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

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

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

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

package/dist/components/arcgis-portal-group-badges/customElement.d.ts

@@ -0,0 +1,102 @@
+/// <reference path="../../index.d.ts" />
+import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { GroupBadgesPortal } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Chip as Chip } from "@esri/calcite-components/components/calcite-chip";
+
+/** Groups can have special statuses and capabilities. This component derives and renders badges for those states. */
+export abstract class ArcgisPortalGroupBadges extends LitElement {
+  /** @internal */
+  protected _messages: {
+      Collaboration: {
+          title: string;
+          tooltip: string;
+      };
+      FeaturedContent: {
+          title: string;
+          tooltip: string;
+      };
+      Gallery: {
+          title: string;
+          tooltip: string;
+      };
+      OpenData: {
+          title: string;
+          tooltip: string;
+      };
+      SharedUpdate: {
+          title: string;
+          tooltip: string;
+      };
+      Partnered: {
+          title: string;
+          tooltip: string;
+      };
+      AnyOrg: {
+          title: string;
+          tooltip: string;
+      };
+      loading: string;
+  } & T9nMeta<{
+      Collaboration: {
+          title: string;
+          tooltip: string;
+      };
+      FeaturedContent: {
+          title: string;
+          tooltip: string;
+      };
+      Gallery: {
+          title: string;
+          tooltip: string;
+      };
+      OpenData: {
+          title: string;
+          tooltip: string;
+      };
+      SharedUpdate: {
+          title: string;
+          tooltip: string;
+      };
+      Partnered: {
+          title: string;
+          tooltip: string;
+      };
+      AnyOrg: {
+          title: string;
+          tooltip: string;
+      };
+      loading: string;
+  }>;
+  /** Appearance of the chips used for group badges. */
+  accessor appearance: Chip["appearance"] | undefined;
+  /**
+   * Reflected flag that indicates no badges were generated for the current input.
+   *
+   * @default false
+   */
+  accessor empty: boolean;
+  /** PortalGroup instance for deriving badge states from sourceJSON. */
+  accessor group: PortalGroup | undefined;
+  /** Current Portal instance. */
+  accessor portal: GroupBadgesPortal | undefined;
+  /**
+   * Size of each badge chip.
+   *
+   * @default "m"
+   */
+  accessor scale: Chip["scale"];
+  /**
+   * Enables tooltip text for each badge.
+   *
+   * @default false
+   */
+  accessor showTooltips: boolean;
+  /**
+   * Full width shows label text, narrow renders icon only.
+   *
+   * @default "full"
+   */
+  accessor width: "full" | "narrow";
+}

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

@@ -0,0 +1,50 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as g } from "../../chunks/runtime.js";
+import { nothing as m, safeClassMap as h, LitElement as u } from "@arcgis/lumina";
+import { u as b } from "../../chunks/useT9n.js";
+import { html as c, css as f } from "lit";
+import { g as w, a as $, b as x, i as y, c as G, d as v } from "../../chunks/groups.js";
+const O = ({ appearance: a, badgeType: t, class: e, messages: r, scale: i, showTooltip: o, width: n }) => {
+  const s = r[t] ?? { title: t, tooltip: "" }, d = C[t], l = n === "narrow", p = `portal-group-badge-${t}`;
+  return c`<calcite-chip id=${p ?? m} class=${h({
+    badge: !0,
+    "badge--red": t === "SharedUpdate",
+    narrow: l,
+    [`narrow--${i}`]: l,
+    [e]: !0
+  })} .value=${t} tabindex=0 .scale=${i} .appearance=${a} .label=${s.title} .icon=${d}>${l ? null : s.title}</calcite-chip>${o ? c`<calcite-tooltip .referenceElement=${p} close-on-click placement=bottom-start offset-distance=6 offset-skidding=0>${l ? c`<h3 class="tooltip-title">${s.title}</h3>` : null}<p class="tooltip-text">${s.tooltip}</p></calcite-tooltip>` : null}`;
+}, C = {
+  Collaboration: "collaboration",
+  FeaturedContent: "home",
+  Gallery: "images",
+  OpenData: "open-data",
+  SharedUpdate: "configure-editing",
+  Partnered: "partnered-collaboration",
+  AnyOrg: "zoom-to-object"
+}, I = f`:host{display:flex;flex-wrap:wrap}.portal-group-badges__badge{display:inline-block;margin-inline-end:.25rem}.badge{--portal-group-badge-color: var(--calcite-color-brand);border:0}.badge--red{--portal-group-badge-color: var(--calcite-color-status-danger)}.narrow{box-sizing:border-box;width:2rem;--calcite-chip-spacing-unit-l: 0}.image{border-radius:0;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}.image svg{color:var(--portal-group-badge-color)}.narrow--s{width:1.5rem;.image{margin-inline-start:0}}.narrow--m{.image{margin-inline-start:0}}.narrow--l{width:2.75rem;.image{margin-inline-start:.25rem}}.tooltip-title{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);margin:0 0 .25rem;padding:0}.tooltip-text{font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-1);margin:0;padding:0}`;
+function S(a, t) {
+  const e = [], r = w(a), i = $(a), o = x(a);
+  return t.id && (r.includes("updateitemcontrol") && e.push("SharedUpdate"), y(a) && i === t.id && e.push("OpenData"), t.featuredItemsGroupQuery === `id:${a.id}` && e.push("Gallery")), (G(a).collaborationInfo?.collaborationId || v(a)) && e.push("Collaboration"), !o && !t.isPortal && i !== "none" && e.push("AnyOrg"), o === "collaboration" && e.push("Partnered"), e.includes("SharedUpdate") && !e.includes("Partnered") && i !== t.id && e.splice(e.indexOf("SharedUpdate"), 1), e;
+}
+class z extends u {
+  constructor() {
+    super(...arguments), this._messages = b({ blocking: !0 }), this.badges = [], this.width = "full", this.scale = "m", this.showTooltips = !1, this.empty = !1;
+  }
+  static {
+    this.properties = { badges: 16, group: 0, portal: 0, width: 1, appearance: 1, scale: 1, showTooltips: 5, empty: 7 };
+  }
+  static {
+    this.styles = I;
+  }
+  willUpdate(t) {
+    (t.has("group") || t.has("portal")) && (this.badges = this.group && this.portal ? S(this.group, this.portal) : [], this.empty = this.badges.length === 0);
+  }
+  render() {
+    const { appearance: t, badges: e, scale: r, showTooltips: i, width: o } = this;
+    return e.map((n) => O({ appearance: t, badgeType: n, class: "portal-group-badges__badge", messages: this._messages, scale: r, showTooltip: i, width: o }));
+  }
+}
+g("arcgis-portal-group-badges", z);
+export {
+  z as ArcgisPortalGroupBadges
+};

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

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

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

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

package/dist/components/arcgis-portal-group-badges/types.d.ts

@@ -0,0 +1,3 @@
+import type Portal from "@arcgis/core/portal/Portal.js";
+
+export type GroupBadgesPortal = Partial<Pick<Portal, "featuredItemsGroupQuery" | "homePageFeaturedContent" | "id" | "isPortal">>;