@arcgis/portal-components 5.1.0-next.99 → 5.1.0

package/dist/components/arcgis-portal-ai-assistant/index.js

@@ -1,7 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
 import "@arcgis/ai-components/components/arcgis-assistant";
 import "@esri/calcite-components/components/calcite-icon";
 import "../arcgis-portal-mentionable-text-area/index.js";
 import "../arcgis-portal-voice-input/index.js";
-import "@esri/calcite-components/components/calcite-button";
 import "@arcgis/ai-components/components/arcgis-assistant-agent";
+import "../arcgis-portal-ai-assistant-interrupt/index.js";
 export * from "./customElement.js";

package/dist/components/arcgis-portal-ai-assistant-interrupt/customElement.d.ts

@@ -0,0 +1,42 @@
+/// <reference path="../../index.d.ts" />
+import type { ArcgisAssistant } from "@arcgis/ai-components/components/arcgis-assistant";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisPortalAiAssistantInterrupt extends LitElement {
+  /** @internal */
+  protected _messages: {
+      titleConfirm: string;
+      titleInput: string;
+      cancelButton: string;
+      confirmButton: string;
+      skipButton: string;
+      submitButton: string;
+      singleSelectLabel: string;
+      multiSelectLabel: string;
+      textInputLabel: string;
+  } & T9nMeta<{
+      titleConfirm: string;
+      titleInput: string;
+      cancelButton: string;
+      confirmButton: string;
+      skipButton: string;
+      submitButton: string;
+      singleSelectLabel: string;
+      multiSelectLabel: string;
+      textInputLabel: string;
+  }>;
+  accessor message: NonNullable<InterruptType["message"]>;
+  accessor options: InterruptType["options"];
+  accessor type: InterruptType["type"];
+  readonly arcgisCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisSubmit: import("@arcgis/lumina").TargetedEvent<this, string[] | boolean | string>;
+  readonly "@eventTypes": {
+    arcgisCancel: ArcgisPortalAiAssistantInterrupt["arcgisCancel"]["detail"];
+    arcgisSubmit: ArcgisPortalAiAssistantInterrupt["arcgisSubmit"]["detail"];
+  };
+}
+
+/** @internal */
+export type InterruptType = NonNullable<ArcgisAssistant["interrupt"]>;

package/dist/components/arcgis-portal-ai-assistant-interrupt/customElement.js

@@ -0,0 +1,51 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as l } from "../../chunks/runtime.js";
+import { css as o, html as n } from "lit";
+import { LitElement as u, createEvent as a } from "@arcgis/lumina";
+import m from "@esri/arcgis-html-sanitizer";
+import { unsafeHTML as p } from "lit/directives/unsafe-html.js";
+import { marked as r } from "marked";
+import { u as g } from "../../chunks/useT9n.js";
+import { a as d } from "../../chunks/functionalities.js";
+const h = o`.interrupt-container{display:flex;flex-direction:column;gap:.75rem}.interrupt-actions{display:flex;justify-content:flex-end;gap:.5rem}.interrupt-message{white-space:normal}// \`:where()\` to reset styles of common elements in the message content without increasing specificity .interrupt-message :where(p){margin:0}// \`:where()\` to reset styles of list elements and add consistent indentation for nested lists without increasing specificity .interrupt-message :where(ul,ol){margin:0;padding-inline-start:1.25rem}`;
+r.use({ gfm: !0, breaks: !0, async: !1 });
+const f = new m();
+class b extends u {
+  constructor() {
+    super(...arguments), this.#t = [], this._messages = g({ blocking: !0 }), this.arcgisCancel = a(), this.arcgisSubmit = a();
+  }
+  static {
+    this.properties = { type: 1, message: 1, options: 0 };
+  }
+  static {
+    this.styles = h;
+  }
+  #t;
+  _renderMessageContent() {
+    const t = this.message ?? "", i = r.parse(t, { async: !1 });
+    return f.sanitize(i);
+  }
+  _renderInterruptInput() {
+    const { _messages: t, type: i, options: s } = this;
+    switch (i) {
+      case "single-select":
+        return n`<calcite-list class="interrupt-list" .label=${t.singleSelectLabel} selection-mode=single-persist @calciteListChange=${(e) => this.#t = e.target.selectedItems[0]?.value}>${s?.map((e) => n`<calcite-list-item .label=${e} .value=${e}></calcite-list-item>`)}</calcite-list>`;
+      case "multi-select":
+        return n`<calcite-list class="interrupt-list" .label=${t.multiSelectLabel} selection-mode=multiple @calciteListChange=${(e) => this.#t = e.target.selectedItems.map((c) => c.value)}>${s?.map((e) => n`<calcite-list-item .label=${e} .value=${e}></calcite-list-item>`)}</calcite-list>`;
+      case "text-input":
+        return n`<calcite-input class="interrupt-input" .label=${t.textInputLabel} @calciteInputInput=${(e) => this.#t = e.target.value}></calcite-input>`;
+      case "boolean-choice":
+        return null;
+      default:
+        return d(i);
+    }
+  }
+  render() {
+    const { _messages: t, type: i } = this, s = i === "boolean-choice";
+    return n`<div class="interrupt-container"><calcite-notice open kind=neutral width=full><div slot=title>${s ? t.titleConfirm : t.titleInput}</div><div slot=message class="interrupt-message">${p(this._renderMessageContent())}</div></calcite-notice>${this._renderInterruptInput()}<div class="interrupt-actions"><calcite-button appearance=outline @click=${() => this.arcgisCancel.emit()}>${s ? t.cancelButton : t.skipButton}</calcite-button><calcite-button appearance=solid @click=${() => this.arcgisSubmit.emit(i === "boolean-choice" ? !0 : this.#t)}>${s ? t.confirmButton : t.submitButton}</calcite-button></div></div>`;
+  }
+}
+l("arcgis-portal-ai-assistant-interrupt", b);
+export {
+  b as ArcgisPortalAiAssistantInterrupt
+};

package/dist/components/arcgis-portal-ai-assistant-interrupt/index.d.ts

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

package/dist/components/arcgis-portal-ai-assistant-interrupt/index.js

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-classification-config/customElement.js

@@ -1,17 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
-import { LitElement as b, nothing as C } from "@arcgis/lumina";
-import { css as v, html as n } from "lit";
-import { Task as E, TaskStatus as y } from "@lit/task";
-import { createRef as I, ref as x } from "lit/directives/ref.js";
+import { c as C } from "../../chunks/runtime.js";
+import { LitElement as v, nothing as E } from "@arcgis/lumina";
+import { css as y, html as n } from "lit";
+import { Task as I, TaskStatus as x } from "@lit/task";
+import { createRef as f, ref as u } from "lit/directives/ref.js";
 import { usePropertyChange as w } from "@arcgis/lumina/controllers";
 import { getClosestElement as R } from "@arcgis/toolkit/dom";
-import { u as $, c as S } from "../../chunks/loadClassificationData.js";
-import { createArcadeExecutor as P } from "@arcgis/core/arcade.js";
+import { u as $, c as P } from "../../chunks/loadClassificationData.js";
+import { createArcadeExecutor as S } from "@arcgis/core/arcade.js";
 import { u as V } from "../../chunks/useT9n.js";
-import { d as f, a as d, g as O, r as u, c as A, b as F } from "../../chunks/common.js";
-import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
-import { r as D } from "../../chunks/requests.js";
+import { d as m, a as d, g as O, r as p, c as _, b as A } from "../../chunks/common.js";
+import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
+import { r as F } from "../../chunks/requests.js";
 async function T({
   portalClassificationSchema: a,
   itemClassification: t
@@ -81,21 +81,21 @@ async function H(a, t, i) {
     a
   ) : null;
 }
-const m = async (a, t) => {
+const g = async (a, t) => {
   const i = a?.bannerExpression;
   return i?.length ? await h(
     i,
     a,
     t
-  ) : U(a, t);
-}, U = (a, t) => {
+  ) : W(a, t);
+}, W = (a, t) => {
   const i = Object.entries(a.attributes).sort(
     ([, o], [, l]) => (o?.bannerOrder ?? 0) - (l?.bannerOrder ?? 0)
   ), e = [], s = [];
   return i.forEach(([o, l]) => {
     const c = t?.[o];
     c && l.bannerOrder && (e.push(
-      L({
+      U({
         elementType: l.uiElement ?? "",
         selectionDisplayLabel: l.bannerLabel ?? "",
         labelDelimiter: l.labelDelimiter ?? "",
@@ -108,7 +108,7 @@ const m = async (a, t) => {
     // avoiding to have delimiter at the start
     ""
   ) : "";
-}, L = ({
+}, U = ({
   elementType: a,
   selectionDisplayLabel: t,
   labelDelimiter: i,
@@ -124,10 +124,10 @@ async function h(a, t, i, e = "") {
     valueJsonString: JSON.stringify(i),
     attributeId: e
   };
-  return (await B(a)).execute(s);
+  return (await L(a)).execute(s);
 }
-async function B(a) {
-  return await P(a, {
+async function L(a) {
+  return await S(a, {
     variables: [
       {
         name: "schemaJsonString",
@@ -144,17 +144,17 @@ async function B(a) {
     ]
   });
 }
-const J = v`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
-class W extends b {
+const B = y`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
+class J extends v {
   constructor() {
-    super(), this.classificationModel = $(this), this.messages = V(), this.formMainContentRef = I(), this._classificationDataTask = S(this), this._formCreationTask = new E(this, {
+    super(), this.classificationModel = $(this), this.messages = V(), this.formMainContentRef = f(), this.bannerRef = f(), this._classificationDataTask = P(this), this._formCreationTask = new I(this, {
       task: async () => {
         if (await this._classificationDataTask.taskComplete, !this.portalClassificationSchema || !this.portalItem)
           throw new Error("Portal item and classification schema are required to render the form");
         const t = this.portalItem.clone();
         if (await t.load(), !this.primaryAttribute)
           throw new Error("primaryAttribute is required but was undefined.");
-        this.existingClassification = !!t.classification, t.classification = f(t.classification, this.primaryAttribute, this.portalClassificationSchema), t.classification && (t.classification.banner = await m(this.portalClassificationSchema, t.classification)), this.pendingPortalItem = t, this._itemClassificationWatchHandle && (this._itemClassificationWatchHandle.remove(), this.portalItem.removeHandles("arcgis-classification-config"), this._itemClassificationWatchHandle = void 0), this._itemClassificationWatchHandle = _(() => this.portalItem.classification, (i) => {
+        this.existingClassification = !!t.classification, t.classification = m(t.classification, this.primaryAttribute, this.portalClassificationSchema), t.classification && (t.classification.banner = await g(this.portalClassificationSchema, t.classification)), this.pendingPortalItem = t, this.cleanupItemClassificationWatchHandle(), this._itemClassificationWatchHandle = D(() => this.portalItem.classification, (i) => {
           if (this.pendingPortalItem) {
             const e = this.pendingPortalItem.clone();
             e.load().then(() => {
@@ -163,7 +163,7 @@ class W extends b {
               console.error(s);
             });
           }
-        }), this.portalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.existingClassification && this.validateForm();
+        }), this._itemClassificationWatchPortalItem = this.portalItem, this._itemClassificationWatchPortalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.existingClassification && this.validateForm();
       },
       args: () => [this.portalItem, this.portalClassificationSchema]
     }), this.getFormDisplayOrder = (t) => this.portalClassificationSchema?.layouts.default.layoutElements[t].formDisplayOrder ?? 0, this.addEditInfoAttributes = () => {
@@ -177,7 +177,7 @@ class W extends b {
       const i = t.classification;
       if (this.selectedFavoriteClassificationName = t.name, this.pendingPortalItem) {
         const e = this.pendingPortalItem.clone();
-        if (await e.load(), e.classification = u(this.portalClassificationSchema, i), !this.portalClassificationSchema)
+        if (await e.load(), e.classification = p(this.portalClassificationSchema, i), !this.portalClassificationSchema)
           return;
         await this.evaluateAttributeExpressions(this.portalClassificationSchema, e), e.classification = d(e.classification, this.attributeExpressionResults), this.pendingPortalItem = e;
       }
@@ -187,17 +187,17 @@ class W extends b {
     this.properties = { existingClassification: 16, portalClassificationSchema: 16, primaryAttribute: 16, attributeExpressionResults: 16, formValidationErrors: 16, itemClassification: 16, pendingPortalItem: 16, selectedCategory: 16, remoteValidationErrors: 16, canUserConfigureClassification: 16, favoriteClassifications: 16, selectedFavoriteClassificationName: 16, isRequiredErrors: 16, portalItem: 0, status: 35, values: [1, { type: Object }], valid: 7, autoDestroyDisabled: 5 };
   }
   static {
-    this.styles = J;
+    this.styles = B;
   }
   async destroy() {
-    await this.manager.destroy();
+    this.cleanupItemClassificationWatchHandle(), await this.destroyManagedChildren(), await this.manager.destroy();
   }
   async resetForm() {
     if (this.existingClassification)
       this.pendingPortalItem = this.portalItem?.clone(), this.portalClassificationSchema && this.pendingPortalItem && (await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.validateForm());
     else if (this.portalItem && this.primaryAttribute && this.portalClassificationSchema) {
       const t = this.portalItem.clone();
-      await t.load(), this.pendingPortalItem = this.portalItem?.clone(), this.pendingPortalItem.classification = f(t.classification, this.primaryAttribute, this.portalClassificationSchema), this.portalClassificationSchema && this.pendingPortalItem && (await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults));
+      await t.load(), this.pendingPortalItem = this.portalItem?.clone(), this.pendingPortalItem.classification = m(t.classification, this.primaryAttribute, this.portalClassificationSchema), this.portalClassificationSchema && this.pendingPortalItem && (await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults));
     }
   }
   async validateForm() {
@@ -205,8 +205,8 @@ class W extends b {
   }
   async load() {
     try {
-      await A(this.portalItem) || (this.canUserConfigureClassification = !1);
-      const t = await D(this.portalItem);
+      await _(this.portalItem) || (this.canUserConfigureClassification = !1);
+      const t = await F(this.portalItem);
       if (t) {
         const { result: i, error: e } = t;
         if (e && e.details.raw.messageCode !== "COM_1177") {
@@ -236,8 +236,8 @@ class W extends b {
     const i = this.pendingPortalItem.clone();
     await i.load(), Object.entries(t ?? {}).forEach(([e, s]) => {
       if (e === this.primaryAttribute) {
-        let r = F(s, i.classification, this.primaryAttribute);
-        r = u(this.portalClassificationSchema, r), i.classification = r;
+        let r = A(s, i.classification, this.primaryAttribute);
+        r = p(this.portalClassificationSchema, r), i.classification = r;
       } else {
         const r = new Map(Object.entries(i.classification ?? {}));
         if (s === void 0 || s === "" || Array.isArray(s) && s.length === 0)
@@ -248,7 +248,7 @@ class W extends b {
         }
         i.classification = Object.fromEntries(r);
       }
-    }), i.classification && !i.classification.fgi && delete i.classification.fgiOptions, await this.evaluateAttributeExpressions(this.portalClassificationSchema, i), i.classification = d(i.classification, this.attributeExpressionResults), i.classification && (i.classification.banner = await m(this.portalClassificationSchema, i.classification)), this.pendingPortalItem = i, this.existingClassification && this.validateForm(), t && "classification" in t && this.updateIsRequiredErrors();
+    }), i.classification && !i.classification.fgi && delete i.classification.fgiOptions, await this.evaluateAttributeExpressions(this.portalClassificationSchema, i), i.classification = d(i.classification, this.attributeExpressionResults), i.classification && (i.classification.banner = await g(this.portalClassificationSchema, i.classification)), this.pendingPortalItem = i, this.existingClassification && this.validateForm(), t && "classification" in t && this.updateIsRequiredErrors();
   }
   handleCategorySelectChange(t) {
     this.selectedCategory = t.target.selectedItems[0].value;
@@ -265,8 +265,8 @@ class W extends b {
       itemClassification: i.classification
     });
     Object.keys(t.attributes).forEach((o) => {
-      const l = e[o]?.enabled ?? !0, c = s[o]?.valueExpressionResult, p = r[o]?.attributeValidationResult;
-      this.attributeExpressionResults.set(o, { enabled: l, valueExpressionResult: c, attributeValidationResult: p });
+      const l = e[o]?.enabled ?? !0, c = s[o]?.valueExpressionResult, b = r[o]?.attributeValidationResult;
+      this.attributeExpressionResults.set(o, { enabled: l, valueExpressionResult: c, attributeValidationResult: b });
     });
   }
   updateIsRequiredErrors() {
@@ -304,6 +304,13 @@ class W extends b {
     );
     this.remoteValidationErrors = t;
   }
+  cleanupItemClassificationWatchHandle() {
+    this._itemClassificationWatchHandle?.remove(), this._itemClassificationWatchHandle = void 0, this._itemClassificationWatchPortalItem?.removeHandles("arcgis-classification-config"), this._itemClassificationWatchPortalItem = void 0;
+  }
+  async destroyManagedChildren() {
+    const t = this.bannerRef.value;
+    !t?.autoDestroyDisabled || t.manager?.destroyed || await t.destroy();
+  }
   async handleFormSubmit(t) {
     this.validateForm(), this.updateIsRequiredErrors(), this.formMainContentRef.value?.scrollIntoView();
   }
@@ -362,11 +369,11 @@ class W extends b {
     return this.portalItem ? this._classificationDataTask.render({
       pending: () => n`<calcite-loader .label=${this.messages.loading ?? "loading"}></calcite-loader>`,
       error: () => this.renderNotice(this.messages.anerroroccurred ?? "An error has occurred.", "danger"),
-      complete: () => this.portalItem ? this.canUserConfigureClassification ? this.portalItem.portal.hasClassificationSchema ? n`<div class="header-section" role=region aria-label=${this.messages.documentbannerpreview ?? "documentbannerpreview" ?? C}><div class="header-section__title-container"><h2 class="header-section__title-text">${this.messages.documentbannerpreview ?? "documentbannerpreview"}</h2>${this.renderHelpTooltip()}</div>${this._formCreationTask.status === y.COMPLETE && n`<arcgis-portal-classification-banner .portalItem=${this.pendingPortalItem ?? this.portalItem} variant=preview .missingExistingClassification=${!this.existingClassification} .autoDestroyDisabled=${this.autoDestroyDisabled}></arcgis-portal-classification-banner>` || ""}</div><div class="form-section">${this.portalClassificationSchema?.attributeCategories?.length && n`<div class="form-section__sidebar">${this.renderCategoryTabs()}</div>` || ""}<div class="form-section__main-content" ${x(this.formMainContentRef)}>${this.renderForm()}</div></div>` : this.renderNotice(this.messages.missingclassificationschema ?? "Portal is missing classification schema.") : this.renderNotice(this.messages.userconfigurepermissionrequired ?? "User configuration permission is required.") : this.renderNotice(this.messages.portalitemrequired ?? "Portal item is required.")
+      complete: () => this.portalItem ? this.canUserConfigureClassification ? this.portalItem.portal.hasClassificationSchema ? n`<div class="header-section" role=region aria-label=${this.messages.documentbannerpreview ?? "documentbannerpreview" ?? E}><div class="header-section__title-container"><h2 class="header-section__title-text">${this.messages.documentbannerpreview ?? "documentbannerpreview"}</h2>${this.renderHelpTooltip()}</div>${this._formCreationTask.status === x.COMPLETE && n`<arcgis-portal-classification-banner .portalItem=${this.pendingPortalItem ?? this.portalItem} variant=preview .missingExistingClassification=${!this.existingClassification} .autoDestroyDisabled=${this.autoDestroyDisabled} ${u(this.bannerRef)}></arcgis-portal-classification-banner>` || ""}</div><div class="form-section">${this.portalClassificationSchema?.attributeCategories?.length && n`<div class="form-section__sidebar">${this.renderCategoryTabs()}</div>` || ""}<div class="form-section__main-content" ${u(this.formMainContentRef)}>${this.renderForm()}</div></div>` : this.renderNotice(this.messages.missingclassificationschema ?? "Portal is missing classification schema.") : this.renderNotice(this.messages.userconfigurepermissionrequired ?? "User configuration permission is required.") : this.renderNotice(this.messages.portalitemrequired ?? "Portal item is required.")
     }) : this.renderNotice(this.messages.portalitemrequired ?? "Portal item is required.");
   }
 }
-g("arcgis-portal-classification-config", W);
+C("arcgis-portal-classification-config", J);
 export {
-  W as ArcgisPortalClassificationConfig
+  J as ArcgisPortalClassificationConfig
 };

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

@@ -3,7 +3,7 @@ import { g as A, c as x } from "../../chunks/runtime.js";
 import { css as C, html as y } from "lit";
 import { LitElement as T, nothing as f, safeClassMap as j } from "@arcgis/lumina";
 import { u as G } from "../../chunks/useT9n.js";
-import { u as v, h as w, j as E, k as L, m as W, n as $, o as R, p as B } from "../../chunks/item2.js";
+import { u as v, h as w, j as E, k as L, m as W, n as $, o as R, p as B } from "../../chunks/item.js";
 const H = C`:host{display:inline-flex;align-items:center}:host([scale="s"]){--arcgis-portal-item-type-font-size: var(--calcite-font-size--2);--arcgis-portal-item-type-spacing: 1rem}:host([scale="m"]){--arcgis-portal-item-type-font-size: var(--calcite-font-size--1);--arcgis-portal-item-type-spacing: 1rem}:host([scale="l"]){--arcgis-portal-item-type-font-size: var(--calcite-font-size-0);--arcgis-portal-item-type-spacing: 1rem}.icon{display:block;flex-grow:0;flex-shrink:0;width:var(--arcgis-portal-item-type-spacing);height:var(--arcgis-portal-item-type-spacing)}.text{color:var(--calcite-text-color-2);font-size:var(--arcgis-portal-item-type-font-size);line-height:1.25rem}.text--ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.text--spaced{margin-inline-start:calc(var(--arcgis-portal-item-type-spacing) / 2);word-wrap:break-word;word-break:break-word}`, V = (t) => typeof t?.role == "string" && t?.role ? t?.role : t?.roleId ?? t?.sourceJSON?.id;
 function S(t) {
   return ["org_admin", "account_admin"].includes(V(t)) && !t?.roleId;

package/dist/components/arcgis-portal-mentionable-text-area/customElement.d.ts

@@ -3,6 +3,7 @@ import type Portal from "@arcgis/core/portal/Portal.js";
 import type PortalUser from "@arcgis/core/portal/PortalUser.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { MentionableEntity } from "./types.js";
+import type { MentionableStarter } from "./utils.js";
 import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
 import type { Input as Input } from "@esri/calcite-components/components/calcite-input";
 
@@ -37,7 +38,7 @@ export abstract class ArcgisPortalMentionableTextArea extends LitElement {
    */
   accessor scale: Input["scale"] | undefined;
   /** Character(s) that trigger the mention popover (e.g., "@", "#", "$") */
-  accessor starters: string[] | readonly string[];
+  accessor starters: MentionableStarter[] | readonly MentionableStarter[];
   accessor user: PortalUser;
   /** Current text content */
   accessor value: string | undefined;

package/dist/components/arcgis-portal-mentionable-text-area/customElement.js

@@ -5,16 +5,16 @@ import { html as u, css as k } from "lit";
 import { ref as M, createRef as E } from "lit/directives/ref.js";
 import { makeGenericController as P } from "@arcgis/lumina/controllers";
 import { debounce as R } from "@arcgis/toolkit/function";
-import { s as L } from "../../chunks/item.js";
-import { a as w, b as U } from "../../chunks/user.js";
-import { keyed as D } from "lit/directives/keyed.js";
-const v = ["@", "#", "$"], q = 400;
-function O(r, e) {
+import { q as L, s as U } from "../../chunks/groups.js";
+import { a as w, b as D } from "../../chunks/user2.js";
+import { keyed as q } from "lit/directives/keyed.js";
+const v = ["@", "#", "$"], O = 400;
+function _(i, e) {
   let s = null;
   for (const n of e) {
-    const i = n.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&"), l = new RegExp(`${i}"([^"\\n]*)"?$`, "u"), t = r.match(l);
+    const r = n.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&"), l = new RegExp(`${r}"([^"\\n]*)"?$`, "u"), t = i.match(l);
     if (t) {
-      const o = t[0], h = r.length - o.length, m = t[1] ?? "";
+      const o = t[0], h = i.length - o.length, m = t[1] ?? "";
       (!s || h > s.startIndex) && (s = {
         starter: n,
         mentionText: o,
@@ -22,9 +22,9 @@ function O(r, e) {
         startIndex: h
       });
     }
-    const a = new RegExp(`${i}[\\p{L}\\p{N}_-]+$`, "u"), c = r.match(a);
+    const a = new RegExp(`${r}[\\p{L}\\p{N}_-]+$`, "u"), c = i.match(a);
     if (c) {
-      const o = c[0], h = r.length - o.length, m = o.slice(n.length);
+      const o = c[0], h = i.length - o.length, m = o.slice(n.length);
       (!s || h > s.startIndex) && (s = {
         starter: n,
         mentionText: o,
@@ -35,26 +35,23 @@ function O(r, e) {
   }
   return s;
 }
-async function _(r, e = {}) {
-  return await r.queryGroups(e);
-}
-const y = (r) => v.includes(r) ? r : "@", F = P((r) => {
+const y = (i) => v.includes(i) ? i : "@", F = P((i) => {
   let e = [];
   const s = async (a) => await w({
-    requester: async () => await L(r.portal, a, { num: 3 }),
+    requester: async () => await U(i.portal, a, { num: 3 }),
     key: "items",
     id: a
   }), n = async (a) => await w({
-    requester: async () => await _(r.portal, { query: `title:${a}`, num: 3 }),
+    requester: async () => await L(i.portal, { query: `title:${a}`, num: 3 }),
     key: "groups",
     id: a
-  }), i = R(async (a, c) => {
-    r.isFetchingEntities = !0;
+  }), r = R(async (a, c) => {
+    i.isFetchingEntities = !0;
     const o = a.toLowerCase();
     switch (y(c)) {
       case "@":
         const p = 10;
-        r.filteredItemsInfo = {
+        i.filteredItemsInfo = {
           type: "user",
           items: e.filter(
             (f) => f.username?.toLowerCase().includes(o) || f.fullName?.toLowerCase().includes(o)
@@ -63,23 +60,23 @@ const y = (r) => v.includes(r) ? r : "@", F = P((r) => {
         break;
       case "#":
         const { result: d } = await s(o);
-        r.filteredItemsInfo = { type: "item", items: d?.results ?? [] };
+        i.filteredItemsInfo = { type: "item", items: d?.results ?? [] };
         break;
       case "$":
         const { results: I } = await n(o);
-        r.filteredItemsInfo = { type: "group", items: I };
+        i.filteredItemsInfo = { type: "group", items: I };
         break;
     }
-    (r.filteredItemsInfo?.items?.length ?? 0) === 0 && await r.closePopover(), r.isFetchingEntities = !1;
-  }, q);
+    (i.filteredItemsInfo?.items?.length ?? 0) === 0 && await i.closePopover(), i.isFetchingEntities = !1;
+  }, O);
   return { fetchUsers: async () => {
     try {
-      const { users: a } = await U(r.portal);
+      const { users: a } = await D(i.portal);
       e = a ?? [];
     } catch (a) {
       e = [], console.error("error fetching org users:", a);
     }
-  }, filterItems: i, getItemText: (a, c) => {
+  }, filterItems: r, getItemText: (a, c) => {
     let o = "";
     switch (y(c)) {
       case "@":
@@ -94,11 +91,11 @@ const y = (r) => v.includes(r) ? r : "@", F = P((r) => {
     }
     return o.trim();
   } };
-}), g = ({ id: r, label: e, selected: s, description: n, contentStart: i, onSelect: l }) => D(r, u`<calcite-list-item class=${T({ selected: s })} .label=${e} .description=${n} .selected=${s} @pointerdown=${async (t) => {
+}), g = ({ id: i, label: e, selected: s, description: n, contentStart: r, onSelect: l }) => q(i, u`<calcite-list-item class=${T({ selected: s })} .label=${e} .description=${n} .selected=${s} @pointerdown=${async (t) => {
   t.preventDefault(), t.stopPropagation(), await l();
 }} ${M((t) => {
   s && t && t.scrollIntoView({ block: "nearest", behavior: "smooth" });
-})}>${i}</calcite-list-item>`), N = k`.selected{--calcite-list-background-color: var(--calcite-color-foreground-2)}.mentionable-list{max-height:13rem;overflow-y:auto;padding:.25rem;width:min(100vw,24rem)}.mentionable-list--loading{min-height:10rem}`;
+})}>${r}</calcite-list-item>`), N = k`.selected{--calcite-list-background-color: var(--calcite-color-foreground-2)}.mentionable-list{max-height:13rem;overflow-y:auto;padding:.25rem;width:min(100vw,24rem)}.mentionable-list--loading{min-height:10rem}`;
 class Q extends S {
   constructor() {
     super(...arguments), this.calciteTextAreaRef = E(), this.mentionableEntityController = F(this), this.handleInput = (e) => {
@@ -130,30 +127,30 @@ class Q extends S {
     }, this.bubbleNewValueChange = (e) => {
       this.arcgisUserMentionableTextAreaChange.emit(e), this.arcgisMentionableTextAreaChange.emit(e);
     }, this.checkForMention = (e, s) => {
-      const n = e.substring(0, s), i = O(n, this.starters ?? v);
-      if (i) {
-        const { starter: l } = i;
-        this.currentStarter = l, this.filterMentionItems(i), this.popoverOpen = !0;
+      const n = e.substring(0, s), r = _(n, this.starters ?? v);
+      if (r) {
+        const { starter: l } = r;
+        this.currentStarter = l, this.filterMentionItems(r), this.popoverOpen = !0;
         return;
       }
       this.handleClosePopover();
     }, this.filterMentionItems = (e) => {
-      const { mentionText: s, query: n, starter: i, startIndex: l } = e;
+      const { mentionText: s, query: n, starter: r, startIndex: l } = e;
       this.currentMentionQuery = s, this.mentionStartPosition = l;
       const t = n.toLowerCase();
-      this.mentionableEntityController.filterItems(t, i), this.selectedItemIndex = 0;
+      this.mentionableEntityController.filterItems(t, r), this.selectedItemIndex = 0;
     }, this.popoverOpen = !1, this.currentMentionQuery = "", this.mentionStartPosition = 0, this.selectedItemIndex = 0, this.currentStarter = null, this._value = "", this.filteredItemsInfo = null, this.isFetchingEntities = !1, this.popoverPlacement = "bottom-start", this.disabled = !1, this.scale = "m", this.rows = 3, this.starters = v, this.readOnly = !1, this.arcgisMentionableSelectedIndexChange = b(), this.arcgisMentionableTextAreaChange = b(), this.arcgisMentionableTextAreaKeyDown = b(), this.arcgisUserMentionableTextAreaChange = b(), this.arcgisUserMentionableTextAreaKeyDown = b(), this.renderItemInfo = () => {
       const { filteredItemsInfo: e, selectedItemIndex: s, portal: n } = this;
       if (!e)
         return null;
-      const { items: i, type: l } = e;
+      const { items: r, type: l } = e;
       switch (l) {
         case "user":
-          return i.map((t, a) => g({ id: t.id, label: `@${t.username}`, description: t.fullName, selected: a === s, contentStart: u`<arcgis-portal-user-avatar slot=content-start .user=${t} .portal=${n} scale=m></arcgis-portal-user-avatar>`, onSelect: async () => await this.selectItem(t) }));
+          return r.map((t, a) => g({ id: t.id, label: `@${t.username}`, description: t.fullName, selected: a === s, contentStart: u`<arcgis-portal-user-avatar slot=content-start .user=${t} .portal=${n} scale=m></arcgis-portal-user-avatar>`, onSelect: async () => await this.selectItem(t) }));
         case "item":
-          return i.map((t, a) => g({ id: t.id ?? `item-${a}`, label: `#${t.title}`, description: t.id ?? void 0, selected: a === s, onSelect: async () => await this.selectItem(t), contentStart: u`<calcite-avatar slot=content-start .fullName=${t.title ?? void 0} .thumbnail=${t.thumbnailUrl ?? void 0} scale=m></calcite-avatar>` }));
+          return r.map((t, a) => g({ id: t.id ?? `item-${a}`, label: `#${t.title}`, description: t.id ?? void 0, selected: a === s, onSelect: async () => await this.selectItem(t), contentStart: u`<calcite-avatar slot=content-start .fullName=${t.title ?? void 0} .thumbnail=${t.thumbnailUrl ?? void 0} scale=m></calcite-avatar>` }));
         case "group":
-          return i.map((t, a) => g({ id: t.id ?? `group-${a}`, label: `${t.title}`, description: t.id ?? void 0, selected: a === s, onSelect: async () => await this.selectItem(t), contentStart: u`<calcite-avatar slot=content-start .fullName=${t.title ?? void 0} .thumbnail=${t.thumbnailUrl ?? void 0} scale=m></calcite-avatar>` }));
+          return r.map((t, a) => g({ id: t.id ?? `group-${a}`, label: `${t.title}`, description: t.id ?? void 0, selected: a === s, onSelect: async () => await this.selectItem(t), contentStart: u`<calcite-avatar slot=content-start .fullName=${t.title ?? void 0} .thumbnail=${t.thumbnailUrl ?? void 0} scale=m></calcite-avatar>` }));
       }
     };
   }
@@ -173,12 +170,12 @@ class Q extends S {
     await this.calciteTextAreaRef.value?.setFocus();
   }
   async selectItem(e) {
-    const { currentStarter: s, _value: n, mentionStartPosition: i, currentMentionQuery: l, handleClosePopover: t, calciteTextAreaRef: a, nativeTextAreaRef: c, bubbleNewValueChange: o } = this;
+    const { currentStarter: s, _value: n, mentionStartPosition: r, currentMentionQuery: l, handleClosePopover: t, calciteTextAreaRef: a, nativeTextAreaRef: c, bubbleNewValueChange: o } = this;
     if (!e || !s)
       return;
-    const m = this.mentionableEntityController.getItemText(e, s).replaceAll('"', "").trim(), p = /\s/u.test(m) ? `${s}"${m}"` : `${s}${m}`, d = (n ?? "").substring(0, i), I = (n ?? "").substring(i + l.length), f = `${d}${p} ${I}`;
+    const m = this.mentionableEntityController.getItemText(e, s).replaceAll('"', "").trim(), p = /\s/u.test(m) ? `${s}"${m}"` : `${s}${m}`, d = (n ?? "").substring(0, r), I = (n ?? "").substring(r + l.length), f = `${d}${p} ${I}`;
     this._value = f, o(this._value);
-    const x = i + p.length + 1;
+    const x = r + p.length + 1;
     t(), await this.updateComplete, a.value?.setFocus(), c && (c.selectionEnd = x);
   }
   willUpdate(e) {
@@ -191,8 +188,8 @@ class Q extends S {
     }), this.mentionableEntityController.fetchUsers();
   }
   render() {
-    const { popoverPlacement: e, scale: s, _value: n, maxLength: i, rows: l, placeholder: t, readOnly: a, popoverOpen: c, closePopover: o, handleInput: h, handleKeyDown: m, disabled: p, isFetchingEntities: d, filteredItemsInfo: I, renderItemInfo: f, popoverListLabel: x } = this, $ = this.calciteTextAreaRef.value, C = I?.items ?? [];
-    return u`<calcite-text-area .placeholder=${t} .value=${n} .maxLength=${i} .rows=${l} .scale=${s} .readOnly=${a} .disabled=${p} @blur=${o} @calciteTextAreaInput=${h} @keydown=${m} ${M(this.calciteTextAreaRef)}></calcite-text-area>${$ && u`<calcite-popover .open=${c} .placement=${e} class="mention-popover" .label=${x} .referenceElement=${$} trigger-disabled pointer-disabled focus-trap-disabled><div class=${T({ "mentionable-list": !0, "mentionable-list--loading": d })}>${d && u`<calcite-scrim .loading=${d}></calcite-scrim>` || ""}${C.length > 0 && u`<calcite-list .label=${x}>${f()}</calcite-list>` || ""}</div></calcite-popover>` || ""}`;
+    const { popoverPlacement: e, scale: s, _value: n, maxLength: r, rows: l, placeholder: t, readOnly: a, popoverOpen: c, closePopover: o, handleInput: h, handleKeyDown: m, disabled: p, isFetchingEntities: d, filteredItemsInfo: I, renderItemInfo: f, popoverListLabel: x } = this, $ = this.calciteTextAreaRef.value, C = I?.items ?? [];
+    return u`<calcite-text-area .placeholder=${t} .value=${n} .maxLength=${r} .rows=${l} .scale=${s} .readOnly=${a} .disabled=${p} @blur=${o} @calciteTextAreaInput=${h} @keydown=${m} ${M(this.calciteTextAreaRef)}></calcite-text-area>${$ && u`<calcite-popover .open=${c} .placement=${e} class="mention-popover" .label=${x} .referenceElement=${$} trigger-disabled pointer-disabled focus-trap-disabled><div class=${T({ "mentionable-list": !0, "mentionable-list--loading": d })}>${d && u`<calcite-scrim .loading=${d}></calcite-scrim>` || ""}${C.length > 0 && u`<calcite-list .label=${x}>${f()}</calcite-list>` || ""}</div></calcite-popover>` || ""}`;
   }
 }
 A("arcgis-portal-mentionable-text-area", Q);

package/dist/components/arcgis-portal-mentionable-text-area/utils.d.ts

@@ -0,0 +1,7 @@
+export type MentionableStarter = (typeof MentionableStarters)[number];
+
+export const MentionableStarters: readonly [
+    "@",
+    "#",
+    "$"
+];

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

@@ -16,10 +16,8 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 export abstract class ArcgisPortalReplacementItemRedirect extends LitElement {
   /** The id of a deprecated/retired item to be checked for a replacement */
   accessor itemId: string;
-  /** The portal instance */
-  accessor portal: Portal;
   /** @internal */
-  protected t9n: {
+  protected messages: {
       replacementAvailable: string;
       replacementUnavailable: string;
       redirectToReplacement: string;
@@ -46,6 +44,8 @@ export abstract class ArcgisPortalReplacementItemRedirect extends LitElement {
       retiredReplacementUnavailable: string;
       moreDetails: string;
   }>;
+  /** The portal instance */
+  accessor portal: Portal;
   /** The user. Defaults to `portal.user` if omitted */
   accessor user: PortalUser | null | undefined;
   /** Set focus on the component */