@arcgis/portal-components 5.2.0-next.150 → 5.2.0-next.151

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as O } from "../../chunks/runtime.js";
+import { c as E } from "../../chunks/runtime.js";
 import b from "@arcgis/core/portal/PortalItem.js";
-import { LitElement as E, createEvent as v, safeClassMap as $, nothing as F } from "@arcgis/lumina";
-import { css as H, html as d } from "lit";
+import { LitElement as F, createEvent as v, safeClassMap as $, nothing as H } from "@arcgis/lumina";
+import { css as N, html as d } from "lit";
 import w from "@arcgis/core/request.js";
-import { c as N } from "../../chunks/item2.js";
+import { c as q } from "../../chunks/item2.js";
 import { r as S } from "../../chunks/request.js";
 import { a as I } from "../../chunks/item.js";
 import "../arcgis-portal-review-related-items/customElement.js";
 import { f as R } from "../../chunks/portal-delete-items-review.js";
-import { u as q } from "../../chunks/useT9n.js";
+import { u as B } from "../../chunks/useT9n.js";
 import { makeController as W } from "@arcgis/lumina/controllers";
-import { a as j, e as B } from "../../chunks/portal.js";
-import { g as z } from "../../chunks/items.js";
+import { a as z, e as x } from "../../chunks/portal.js";
+import { g as j } from "../../chunks/items.js";
 import { b as G } from "../../chunks/url.js";
 async function C(i, t, e = !1) {
   try {
@@ -24,7 +24,7 @@ async function C(i, t, e = !1) {
     const n = [];
     for (const [a, c] of s) {
       const l = `${t.restUrl}/content/users/${encodeURIComponent(a)}/deleteItems`;
-      for (const o of N(c, 100)) {
+      for (const o of q(c, 100)) {
         const m = w(l, {
           method: "post",
           query: {
@@ -41,7 +41,7 @@ async function C(i, t, e = !1) {
     return { error: { code: "unhandledError" } };
   }
 }
-async function x(i) {
+async function _(i) {
   const { item: t, portal: e, permanentlyDelete: s } = i, { id: n, owner: r } = t;
   if (!n || !r)
     return { error: { code: "unhandledError" } };
@@ -72,7 +72,7 @@ async function V(i, t) {
     return console.error(e), { error: { code: "unhandledError" } };
   }
 }
-function P(i, t) {
+function M(i, t) {
   return (i.relatedItems ?? []).map((e) => K(e, t));
 }
 function K(i, t) {
@@ -100,7 +100,7 @@ async function g({
     });
     return {
       success: !0,
-      result: { ...l, relatedItems: P(l, t) }
+      result: { ...l, relatedItems: M(l, t) }
     };
   } catch (l) {
     return { success: !1, error: l };
@@ -132,7 +132,7 @@ async function J({
     });
     return {
       success: !0,
-      result: { ...o, relatedItems: P(o, t) }
+      result: { ...o, relatedItems: M(o, t) }
     };
   } catch (o) {
     return { success: !1, error: o };
@@ -242,11 +242,11 @@ function ee(i) {
     replacementItemFor: n
   }));
 }
-function M(i, t, e) {
+function U(i, t, e) {
   return !t && !!e?.length && !I(i);
 }
 function te({ item: i, sourceData: t, resultData: e }) {
-  return !e?.some((s) => !s.inRecycleBin) || M(i, t, e) ? !1 : !U(i, e) && !L(i, e);
+  return !e?.some((s) => !s.inRecycleBin) || U(i, t, e) ? !1 : !L(i, e) && !O(i, e);
 }
 function se({
   selectedItems: i
@@ -254,23 +254,23 @@ function se({
   const t = [];
   return t.push(
     ...i.flatMap(({ item: e, sourceData: s, resultData: n, replacementItemFor: r }) => {
-      const a = M(e, s, n), c = !!(n?.some((l) => !l.inRecycleBin) && !U(e, n) && !L(e, n));
+      const a = U(e, s, n), c = !!(n?.some((l) => !l.inRecycleBin) && !L(e, n) && !O(e, n));
       return a && c ? [{ item: e, reason: "dependent", offendingItems: n ?? void 0 }] : r && r?.length > 0 ? [{ item: e, reason: "replacement", offendingItems: r }] : [];
     })
   ), t;
 }
-function U(i, t) {
+function L(i, t) {
   const e = t[0];
   return i.type === "Feed" && I(i) && t.length === 1 && e?.type === "Feature Service" && I(e);
 }
-function L(i, t) {
+function O(i, t) {
   const e = t[0];
   return i.type === "Feature Service" && I(i) && t.length === 1 && e?.type === "Feed" && I(e);
 }
 function k(i) {
   return i ? i.filter((t) => t.type !== "Code Attachment") : null;
 }
-function _(i) {
+function A(i) {
   return !!(i && "inRecycleBin" in i && i.inRecycleBin === !0);
 }
 function p(i) {
@@ -287,12 +287,12 @@ function ie(i, t) {
   };
 }
 async function ne(i, t) {
-  const e = await x({ item: i, portal: t, permanentlyDelete: !1 });
+  const e = await _({ item: i, portal: t, permanentlyDelete: !1 });
   if (e.error && e.error.code !== "itemNotSupportedInRecycleBin")
     return { kind: "cannotDelete", errorCode: e.error.code };
   if (e.result?.success)
     return { kind: "recycle" };
-  const s = await x({ item: i, portal: t, permanentlyDelete: !0 });
+  const s = await _({ item: i, portal: t, permanentlyDelete: !0 });
   return s.result?.success ? { kind: "permanentlyDelete" } : { kind: "cannotDelete", errorCode: s.error?.code ?? "unhandledError" };
 }
 function re(i) {
@@ -355,20 +355,20 @@ function ce(i) {
 function oe(i, t, e = /* @__PURE__ */ new Set()) {
   if (!i?.length)
     return [];
-  const s = i.filter((r) => !_(r)), n = /* @__PURE__ */ new Set();
+  const s = i.filter((r) => !A(r)), n = /* @__PURE__ */ new Set();
   for (; s.length > 0; ) {
     const a = s.shift().id;
     if (!a || e.has(a))
       continue;
     e.add(a), n.add(a);
     const l = t.get(a)?.resultData ?? [];
-    s.push(...l.filter((o) => !_(o)));
+    s.push(...l.filter((o) => !A(o)));
   }
   return [...n];
 }
-const de = H`:host{display:block}calcite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: var(--calcite-color-background)}calcite-panel{display:flex;flex-direction:column;gap:.75rem;>*{margin-inline:.75rem}}.panel__content{width:100%;box-sizing:border-box}.single-item-bucket{--calcite-block-background-color: transparent;--calcite-block-border-color: transparent}.bucket__content{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bucket__icon{flex-shrink:0}.bucket__icon--danger{color:var(--calcite-color-status-danger)}.bucket__details{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.bucket__header{font-weight:500}.bucket__label{margin-inline-end:.25rem}.bucket__checkbox{margin-top:.5rem}.bucket__description{line-height:1.35;font-size:var(--calcite-font-size--1)}.bucket__link{display:flex;align-items:center;min-height:1.5rem}.item-link-content{position:relative;>arcgis-portal-item-type{margin-inline-end:.25rem;vertical-align:middle}}.panel__checkbox{width:100%;padding-block:.75rem;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1)}.panel__related-items{margin-top:1rem;border:1px solid var(--calcite-color-border-2)}.panel__related-items-icon{color:var(--calcite-color-status-warning)}.panel__related-items-notice{padding-bottom:.75rem}arcgis-portal-review-related-items{margin-bottom:.75rem}.discouraged-items-warning{margin-bottom:.75rem}.header-description{font-size:var(--calcite-font-size--1);font-weight:400}`, A = /* @__PURE__ */ new Map();
+const de = N`:host{display:block}calcite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: var(--calcite-color-background)}calcite-panel{display:flex;flex-direction:column;gap:.75rem;>*{margin-inline:.75rem}}.panel__content{width:100%;box-sizing:border-box}.single-item-bucket{--calcite-block-background-color: transparent;--calcite-block-border-color: transparent}.bucket__content{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bucket__icon{flex-shrink:0}.bucket__icon--danger{color:var(--calcite-color-status-danger)}.bucket__details{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.bucket__header{font-weight:500}.bucket__label{margin-inline-end:.25rem}.bucket__checkbox{align-self:flex-start;margin-top:.5rem}.bucket__description{line-height:1.35;font-size:var(--calcite-font-size--1)}.bucket__link{display:flex;align-items:center;min-height:1.5rem}.item-link-content{position:relative;>arcgis-portal-item-type{margin-inline-end:.25rem;vertical-align:middle}}.panel__checkbox-container{width:100%;box-sizing:border-box;background-color:var(--calcite-color-foreground-1)}.panel__checkbox{padding-block:.75rem;padding-inline-start:.75rem}.panel__related-items{margin-top:1rem;border:1px solid var(--calcite-color-border-2)}.panel__related-items-icon{color:var(--calcite-color-status-warning)}.panel__related-items-notice{padding-bottom:.75rem}arcgis-portal-review-related-items{margin-bottom:.75rem}calcite-list{overflow:auto;min-block-size:0;max-height:min(250px,75vh)}.discouraged-items-warning{margin-bottom:.75rem}.header-description{font-size:var(--calcite-font-size--1);font-weight:400}`, T = /* @__PURE__ */ new Map();
 async function me(i, t) {
-  const e = j(i), s = JSON.stringify([e, t]), n = A.get(s);
+  const e = z(i), s = JSON.stringify([e, t]), n = T.get(s);
   if (n)
     return n;
   try {
@@ -377,7 +377,7 @@ async function me(i, t) {
       portal: i,
       params: { culture: t }
     }))?.helpMap?.m ?? {};
-    return A.set(s, a), a;
+    return T.set(s, a), a;
   } catch {
     return {};
   }
@@ -391,15 +391,15 @@ const ue = (i) => W((t, e) => {
     }));
   }), {};
 });
-function T({ id: i, linkText: t, label: e, placement: s, items: n, portal: r, user: a }) {
-  return d`<calcite-link id=${i ?? F}>${t}</calcite-link><calcite-popover .label=${e} .referenceElement=${i} .placement=${s} auto-close><calcite-list .label=${e} selection-mode=none>${n.map((c) => d`<calcite-list-item .label=${c.title ?? ""} @calciteListItemSelect=${() => {
+function P({ id: i, linkText: t, label: e, placement: s, items: n, portal: r, user: a }) {
+  return d`<calcite-link id=${i ?? H}>${t}</calcite-link><calcite-popover .label=${e} .referenceElement=${i} .placement=${s} auto-close><calcite-list .label=${e} selection-mode=none>${n.map((c) => d`<calcite-list-item .label=${c.title ?? ""} @calciteListItemSelect=${() => {
     const l = c.itemPageUrl;
     l && window.open(l.replace("sharing/rest/", ""), "_blank", "noopener,noreferrer");
   }}><span slot=content-start><arcgis-portal-item-type .item=${c} .portal=${r} .user=${a} hide-text></arcgis-portal-item-type></span><span slot=content>${c.title}</span></calcite-list-item>`)}</calcite-list></calcite-popover>`;
 }
-class he extends E {
+class he extends F {
   constructor() {
-    super(...arguments), this.deleteStatusRequestId = 0, this.updatedCannotDeleteItemIds = /* @__PURE__ */ new Set(), this.messages = q({ blocking: !0 }), this.helpMap = ue({
+    super(...arguments), this.deleteStatusRequestId = 0, this.updatedCannotDeleteItemIds = /* @__PURE__ */ new Set(), this.messages = B({ blocking: !0 }), this.fieldDeleteMessages = B({ name: "portal-field-delete" }), this.helpMap = ue({
       portal: () => this.portal,
       language: () => this.messages._t9nLocale
     }), this.isLoading = !0, this.submittingAction = null, this.loadedItems = [], this.hasConfirmedReview = !1, this.hasReviewedSelectedItems = !1, this.cannotDeleteItems = [], this.recycleItems = [], this.permanentlyDeleteItems = [], this.deprecateItems = [], this.excludeItems = [], this.reviewingDirectlyUsedByItems = !1, this.reviewDecision = null, this.active = !0, this.items = [], this.itemIds = [], this.user = null, this.disableLinks = !1, this.arcgisClose = v(), this.arcgisConfirm = v(), this.arcgisError = v();
@@ -544,7 +544,7 @@ class he extends E {
     ].filter((e) => e.length > 0).length > 1 ? "mixed" : this.markedForDeprecation.length > 0 ? "deprecate" : this.permanentlyDeleteItems.length > 0 ? "permanentlyDelete" : this.recycleItems.length > 0 ? "delete" : (this.cannotDeleteItems.length > 0, "none");
   }
   getHeaderText() {
-    return this.reviewingDirectlyUsedByItems ? this.messages.reviewItemsCount.replace("{count}", `${this.itemsWithImpactedItems.length}`) : (this.items.length ? this.items : this.itemIds).length === 1 ? this.messages.deleteItem : this.messages.deleteItems;
+    return this.reviewingDirectlyUsedByItems ? this.messages.reviewItemsCount.replace("{count}", `${this.itemsWithImpactedItems.length}`) : this.isLoading ? "" : this.loadedItems.length > 0 && this.permanentlyDeleteItems.length === this.loadedItems.length ? this.messages.permanentlyDelete : (this.items.length ? this.items : this.itemIds).length === 1 ? this.messages.deleteItem : this.messages.deleteItems;
   }
   getHeaderDescription() {
     return this.loadedItems.length <= 1 ? "" : this.reviewingDirectlyUsedByItems ? this.messages.reviewItemsDescription : this.messages.selectedItems.replace("{count}", `${this.loadedItems.length}`);
@@ -576,7 +576,7 @@ class he extends E {
       const s = t[0], n = `${G({ portal: this.portal })}/item.html?id=${s.id}`;
       return d`<calcite-link .href=${n} target=_blank><span class="item-link-content"><arcgis-portal-item-type .item=${s} .portal=${this.portal} .user=${this.user} hide-text></arcgis-portal-item-type><span>${s.title}</span></span></calcite-link>`;
     }
-    return T({
+    return P({
       id: e,
       linkText: t.length,
       label: this.messages.bucketItems.replace("{count}", String(t.length)),
@@ -588,7 +588,7 @@ class he extends E {
   }
   renderRelatedItemsPopover(t) {
     const e = t.flatMap(({ usedByItems: n }) => n);
-    return t.length > 1 || e.length === 0 ? null : T({
+    return t.length > 1 || e.length === 0 ? null : P({
       id: "delete-items-directly-used-by",
       linkText: R(this.messages._t9nLocale, this.messages.usedByOtherItems, e.length),
       label: this.messages.usedByPopover,
@@ -606,7 +606,7 @@ class he extends E {
     }), e = this.cannotDeleteItems.find(({ reason: o }) => o === "hasDependentItems"), s = e ? e.resultData ?? [] : t.flatMap(({ usedByItems: o }) => o), n = e ? s.length : t[0]?.usedByItemsCount, r = se({
       selectedItems: ee(t)
     }), a = r.find(({ reason: o }) => o === "replacement"), c = a?.offendingItems ?? [], l = R(this.messages._t9nLocale, this.messages.replacementItem.isReplacementFor, c.length, { itemLink: "{itemLink}" });
-    return d`${this.loadedItems.length === 1 && ["delete", "permanentlyDelete"].includes(this.deleteMode) && r.length > 0 ? d`<div class="discouraged-items-warning"><calcite-notice kind=warning open><div slot=message>${a ? l.split("{itemLink}").map((o, m) => d`${m > 0 && this.renderItemLinks(c, "delete-items-replacement-for") || ""}${o}`) : this.messages.deleteDiscouraged}</div>${!a && d`<calcite-link .href=${`${B(this.portal)}${this.helpMap[120001208] || ""}`} icon-end=launch slot=link>${this.messages.learnMoreAboutDeletingSourceItems}</calcite-link>` || ""}</calcite-notice></div>` : null}${!this.cannotDeleteItems.some(({ reason: o }) => o === "deleteProtected") && d`<arcgis-portal-review-related-items .sourceItem=${this.loadedItems[0] ?? null} .relatedItems=${s} .relatedItemsCount=${n} .showDependentItems=${!!e} .portal=${this.portal} .user=${this.user}></arcgis-portal-review-related-items>` || ""}`;
+    return d`${this.loadedItems.length === 1 && ["delete", "permanentlyDelete"].includes(this.deleteMode) && r.length > 0 ? d`<div class="discouraged-items-warning"><calcite-notice kind=warning open><div slot=message>${a ? l.split("{itemLink}").map((o, m) => d`${m > 0 && this.renderItemLinks(c, "delete-items-replacement-for") || ""}${o}`) : this.messages.deleteDiscouraged}</div>${!a && d`<calcite-link .href=${`${x(this.portal)}${this.helpMap[120001208] || ""}`} icon-end=launch slot=link>${this.messages.learnMoreAboutDeletingSourceItems}</calcite-link>` || ""}</calcite-notice></div>` : null}${!this.cannotDeleteItems.some(({ reason: o }) => o === "deleteProtected") && d`<arcgis-portal-review-related-items .sourceItem=${this.loadedItems[0] ?? null} .relatedItems=${s} .relatedItemsCount=${n} .showDependentItems=${!!e} .portal=${this.portal} .user=${this.user}></arcgis-portal-review-related-items>` || ""}`;
   }
   renderDirectlyUsedByItemsNotice() {
     const t = new Set(this.itemsWithImpactedItems.flatMap(({ usedByItems: s }) => s.map(({ id: n }) => n))), e = this.messages.reviewRelatedItems.multiple.replace("{totalCount}", String(t.size));
@@ -615,9 +615,9 @@ class he extends E {
     }}>${this.messages.reviewItems}</calcite-button></calcite-notice></div>`;
   }
   renderDeleteSummary() {
-    return d`<div class="panel__content">${this.isLoading ? d`<calcite-scrim loading></calcite-scrim>` : d`<calcite-panel>${this.renderRecycleBucket()}${this.renderDeprecateBucket()}${this.renderExcludeBucket()}${this.renderCannotDeleteBucket()}${this.renderPermanentlyDeleteBucket()}${this.loadedItems.length === 1 && this.renderDirectlyUsedByItems() || ""}${this.itemsHaveImpactedItems && d`<div>${this.loadedItems.length > 1 ? this.renderDirectlyUsedByItemsNotice() : null}</div>` || ""}</calcite-panel>`}</div>${this.itemsNeedReview && !this.hasReviewedSelectedItems && d`<calcite-checkbox slot=content-bottom class="panel__checkbox" .checked=${this.hasConfirmedReview} @calciteCheckboxChange=${(t) => {
+    return d`<div class="panel__content">${this.isLoading ? d`<calcite-scrim loading></calcite-scrim>` : d`<calcite-panel>${this.renderRecycleBucket()}${this.renderDeprecateBucket()}${this.renderExcludeBucket()}${this.renderCannotDeleteBucket()}${this.renderPermanentlyDeleteBucket()}${this.loadedItems.length === 1 && this.renderDirectlyUsedByItems() || ""}${this.itemsHaveImpactedItems && d`<div>${this.loadedItems.length > 1 ? this.renderDirectlyUsedByItemsNotice() : null}</div>` || ""}</calcite-panel>`}</div>${this.itemsNeedReview && !this.hasReviewedSelectedItems && d`<div slot=content-bottom class="panel__checkbox-container"><calcite-checkbox class="panel__checkbox" .checked=${this.hasConfirmedReview} @calciteCheckboxChange=${(t) => {
       this.hasConfirmedReview = t.target.checked;
-    }} .label=${this.messages.proceedWithDeletion} .labelText=${this.messages.proceedWithDeletion} required></calcite-checkbox>` || ""}${!this.isLoading && d`${this.loadedItems.length === 1 && z(this.loadedItems[0]).contentStatus !== "deprecated" && d`<calcite-button slot=footer-start kind=danger appearance=outline-fill .disabled=${!!this.submittingAction} .loading=${this.submittingAction === "deprecate"} @click=${this.handleDeprecate}>${this.messages.deprecateInstead}</calcite-button>` || ""}<calcite-button slot=footer-end appearance=outline-fill @click=${this.handleDialogClose}>${this.messages.cancel}</calcite-button>${this.deleteMode !== "none" && d`<calcite-button .disabled=${!this.deleteButtonEnabled || !!this.submittingAction} .loading=${this.submittingAction === "delete"} kind=danger slot=footer-end @click=${async () => await this.handleDelete()}>${this.getConfirmButtonText()}</calcite-button>` || ""}` || ""}`;
+    }} .label=${this.messages.proceedWithDeletion} .labelText=${this.messages.proceedWithDeletion} required></calcite-checkbox></div>` || ""}${!this.isLoading && d`${this.loadedItems.length === 1 && j(this.loadedItems[0]).contentStatus !== "deprecated" && d`<calcite-button slot=footer-start kind=danger appearance=outline-fill .disabled=${!!this.submittingAction} .loading=${this.submittingAction === "deprecate"} @click=${this.handleDeprecate}>${this.messages.deprecateInstead}</calcite-button>` || ""}<calcite-button slot=footer-end appearance=outline-fill @click=${this.handleDialogClose}>${this.messages.cancel}</calcite-button>${this.deleteMode !== "none" && d`<calcite-button .disabled=${!this.deleteButtonEnabled || !!this.submittingAction} .loading=${this.submittingAction === "delete"} kind=danger slot=footer-end @click=${async () => await this.handleDelete()}>${this.getConfirmButtonText()}</calcite-button>` || ""}` || ""}`;
   }
   renderReviewItems() {
     return d`<div class="panel__content"><calcite-panel><arcgis-portal-delete-items-review .items=${this.itemsWithImpactedItems} .portal=${this.portal} .user=${this.user}></arcgis-portal-delete-items-review></calcite-panel></div><calcite-button slot=footer-start appearance=solid kind=neutral @click=${async () => await this.handleReviewDecision("exclude")}>${this.messages.exclude}</calcite-button><calcite-button slot=footer-end appearance=outline-fill kind=danger @click=${async () => await this.handleReviewDecision("deprecate")}>${this.messages.deprecateInstead}</calcite-button><calcite-button slot=footer-end appearance=solid kind=danger @click=${async () => await this.handleReviewDecision("delete")}>${this.messages.proceedToDelete}</calcite-button>`;
@@ -668,26 +668,26 @@ class he extends E {
   renderPermanentlyDeleteBucket() {
     if (!this.permanentlyDeleteItems || this.permanentlyDeleteItems.length === 0)
       return null;
-    const t = !this.portal.recycleBinEnabled;
+    const t = !this.portal.recycleBinEnabled, e = this.permanentlyDeleteItems.some((s) => this.isPermanentlyDeleteOverrideActive(s));
     return this.renderBucket({
       icon: "trash",
       label: t ? this.messages.summary.permanentDelete.delete : this.messages.summary.permanentlyDelete,
-      description: t ? this.messages.summary.permanentDelete.default.single : this.permanentlyDeleteItems.some((e) => this.isPermanentlyDeleteOverrideActive(e)) ? null : this.messages.summary.permanentDelete.notSupported.single,
-      link: {
-        href: `${B(this.portal)}${this.helpMap[120004692] || ""}`,
-        text: this.messages.moreInfo
+      description: t ? this.messages.summary.permanentDelete.default.single : e ? null : this.messages.summary.permanentDelete.notSupported.single,
+      link: e ? void 0 : {
+        href: `${x(this.portal)}${this.helpMap[120004692] || ""}`,
+        text: this.fieldDeleteMessages.learnMore ?? this.messages.moreInfo
       },
       bucket: this.permanentlyDeleteItems,
-      dangerIcon: this.permanentlyDeleteItems.some((e) => this.isPermanentlyDeleteOverrideActive(e)),
-      additionalContent: !t && this.permanentlyDeleteItems.some((e) => this.isPermanentlyDeleteOverrideActive(e)) ? d`<calcite-checkbox class="bucket__checkbox" checked .label=${this.messages.permanentlyDeleteInstead} .labelText=${this.messages.permanentlyDeleteInstead} @calciteCheckboxChange=${(e) => this.handlePermanentlyDeleteOverrideChange(e.target.checked)}></calcite-checkbox>` : void 0
+      dangerIcon: !t,
+      additionalContent: !t && e ? d`<calcite-checkbox class="bucket__checkbox" checked .label=${this.messages.permanentlyDeleteInstead} .labelText=${this.messages.permanentlyDeleteInstead} @calciteCheckboxChange=${(s) => this.handlePermanentlyDeleteOverrideChange(s.target.checked)}></calcite-checkbox>` : void 0
     });
   }
   render() {
     const { loadedItems: t, portal: e } = this;
-    return !t || !e ? null : d`<calcite-dialog modal .open=${this.active} width=s .heading=${this.getHeaderText()} heading-level=2 outside-close-disabled escape-disabled kind=danger @calciteDialogClose=${this.handleDialogClose}><div slot=heading><span>${this.getHeaderText()}</span><br><span class="header-description">${this.getHeaderDescription()}</span></div>${this.reviewingDirectlyUsedByItems ? this.renderReviewItems() : this.renderDeleteSummary()}</calcite-dialog>`;
+    return !t || !e ? null : d`<calcite-dialog modal .open=${this.active} width=s .heading=${this.getHeaderText()} heading-level=2 outside-close-disabled escape-disabled kind=danger @calciteDialogClose=${this.handleDialogClose}>${!this.isLoading || this.reviewingDirectlyUsedByItems ? d`<div slot=heading><span>${this.getHeaderText()}</span><br><span class="header-description">${this.getHeaderDescription()}</span></div>` : void 0}${this.reviewingDirectlyUsedByItems ? this.renderReviewItems() : this.renderDeleteSummary()}</calcite-dialog>`;
   }
 }
-O("arcgis-portal-delete-items", he);
+E("arcgis-portal-delete-items", he);
 export {
   he as ArcgisPortalDeleteItems
 };

package/dist/components/arcgis-portal-review-related-items/customElement.js

@@ -1,48 +1,57 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { LitElement as p } from "@arcgis/lumina";
-import { css as u, html as o } from "lit";
-import { f as h } from "../../chunks/user.js";
+import { c as p } from "../../chunks/runtime.js";
+import { LitElement as u } from "@arcgis/lumina";
+import { css as h, html as o } from "lit";
+import { f as d } from "../../chunks/user.js";
 import { f as g } from "../../chunks/item2.js";
 import { s as I } from "../../chunks/portal-related-items-list-item.js";
-import { u as c } from "../../chunks/useT9n.js";
+import { u as n } from "../../chunks/useT9n.js";
 import { RelatedItemsListItem as f } from "../portal-related-items-list-item/customElement.js";
-import { b } from "../../chunks/url.js";
-const w = u`:host{display:block}.items-directly-using{display:flex;justify-content:space-between;align-items:center;padding-block-end:.75rem}.impacted-items-labels{display:flex;flex-direction:column}.impacted-items-title{font-weight:500}.impacted-items-access-count{font-size:var(--calcite-font-size--2)}.view-full-list{margin:.5rem 0}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}calcite-list{max-block-size:250px;overflow-y:auto}`, m = 20;
-class v extends p {
+import { b as w } from "../../chunks/url.js";
+const b = h`:host{display:block}.items-directly-using{display:flex;justify-content:space-between;align-items:center;padding-block-end:.75rem}.impacted-items-labels{display:flex;flex-direction:column}.impacted-items-title{font-weight:500}.impacted-items-access-count{font-size:var(--calcite-font-size--2)}.view-full-list{margin:.5rem 0}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}calcite-list{max-block-size:250px;overflow-y:auto}`, c = 20;
+class v extends u {
   constructor() {
-    super(...arguments), this.messages = c({ blocking: !0 }), this.browserMessages = c({ name: "portal-browser", blocking: !0 }), this.deleteMessages = c({ name: "portal-delete-items", blocking: !0 }), this.userRequestId = 0, this.itemGroups = {}, this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
+    super(...arguments), this.messages = n({ blocking: !0 }), this.browserMessages = n({ name: "portal-browser", blocking: !0 }), this.deleteMessages = n({ name: "portal-delete-items", blocking: !0 }), this.userRequestId = 0, this.itemGroups = {}, this.itemOwners = {}, this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
   }
   static {
-    this.properties = { itemGroups: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
+    this.properties = { itemGroups: 16, itemOwners: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
   }
   static {
-    this.styles = [w, I];
+    this.styles = [b, I];
   }
   willUpdate(e) {
-    (e.has("relatedItems") || e.has("portal") || e.has("user")) && (this.itemGroups = {}, this.loadGroupSharing(++this.userRequestId));
+    (e.has("relatedItems") || e.has("portal") || e.has("user")) && (this.itemGroups = {}, this.itemOwners = {}, this.loadGroupSharing(++this.userRequestId), this.loadItemOwners());
+  }
+  async loadItemOwners() {
+    const { portal: e, relatedItems: s } = this;
+    if (!e)
+      return;
+    const a = [
+      ...new Set(s.slice(0, c).map((t) => t.owner).filter((t) => !!t))
+    ], i = await Promise.all(a.map(async (t) => [t, await d(t, e)]));
+    this.itemOwners = Object.fromEntries(i);
   }
   async loadGroupSharing(e) {
-    const { portal: t, relatedItems: i } = this, s = this.user ?? t?.user;
-    if (!t || !s?.username || !i.length)
+    const { portal: s, relatedItems: a } = this, i = this.user ?? s?.user;
+    if (!s || !i?.username || !a.length)
       return;
-    const r = await h(s.username, t);
+    const t = await d(i.username, s);
     if (e !== this.userRequestId)
       return;
-    const { result: a } = await g(t, r, i);
-    e === this.userRequestId && (this.itemGroups = a ?? {});
+    const { result: r } = await g(s, t, a);
+    e === this.userRequestId && (this.itemGroups = r ?? {});
   }
   render() {
     const e = this.relatedItemsCount ?? this.relatedItems.length;
     if (!e && !this.relatedItems.length)
       return null;
-    const t = new Intl.NumberFormat(this.deleteMessages._t9nLocale), i = t.format(e), s = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, r = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, a = this.portal && this.sourceItem ? `${b({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0, n = () => {
-      a && window.open(a, "_blank");
+    const s = new Intl.NumberFormat(this.deleteMessages._t9nLocale), a = s.format(e), i = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, t = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, r = this.portal && this.sourceItem ? `${w({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0, m = () => {
+      r && window.open(r, "_blank");
     };
-    return o`<calcite-block .heading=${r.replace("{count}", i)} collapsible .label=${s} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${s}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", t.format(this.relatedItems.length)).replace("{totalCount}", i)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${n}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><calcite-list .label=${s}>${this.relatedItems.slice(0, m).map((l) => f({ item: l, portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified, access: { level: l.access, groupIds: l.id ? this.itemGroups[l.id] : void 0 } }))}</calcite-list>${this.relatedItems.length > m && o`<calcite-button class="view-full-list" appearance=transparent icon-end=launch @click=${n}>${this.deleteMessages.impactedItems["View full list"]}</calcite-button>` || ""}</calcite-block>`;
+    return o`<calcite-block .heading=${t.replace("{count}", a)} collapsible .label=${i} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${i}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", s.format(this.relatedItems.length)).replace("{totalCount}", a)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><calcite-list .label=${i}>${this.relatedItems.slice(0, c).map((l) => f({ item: l, owner: this.itemOwners[l.owner], portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified, access: { level: l.access, groupIds: l.id ? this.itemGroups[l.id] : void 0 } }))}</calcite-list>${this.relatedItems.length > c && o`<calcite-button class="view-full-list" appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View full list"]}</calcite-button>` || ""}</calcite-block>`;
   }
 }
-d("arcgis-portal-review-related-items", v);
+p("arcgis-portal-review-related-items", v);
 export {
   v as ArcgisPortalReviewRelatedItems
 };

package/dist/components/portal-related-items-list-item/customElement.js

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as i } from "lit";
-import { formatDate as u } from "@arcgis/core/intl.js";
-import { nothing as y } from "@arcgis/lumina";
-import { g as b } from "../../chunks/user2.js";
-import { b as I } from "../../chunks/url.js";
-function D({ item: e, portal: c, user: t, lang: m, modifiedLabel: o, showAccessInfo: d = !0, access: s = { level: e.access }, relatedItemsCount: _ = 0, relatedItemsCountTitle: a, onRelatedItemsClick: $ }) {
-  const n = "inRecycleBin" in e && e.inRecycleBin === !0, l = c && !n ? `${I({ portal: c })}/item.html?id=${e.id}` : void 0, r = e.title ?? "", p = u(e.modified ?? void 0, { dateStyle: "medium" }), v = o ? o.replace("${date}", p ?? "") : p ?? "", g = {
+import { formatDate as y } from "@arcgis/core/intl.js";
+import { nothing as b } from "@arcgis/lumina";
+import { g as I } from "../../chunks/user2.js";
+import { b as B } from "../../chunks/url.js";
+function S({ item: e, owner: n, portal: c, user: o, lang: d, modifiedLabel: l, showAccessInfo: _ = !0, access: t = { level: e.access }, relatedItemsCount: $ = 0, relatedItemsCountTitle: s, onRelatedItemsClick: v }) {
+  const a = "inRecycleBin" in e && e.inRecycleBin === !0, r = c && !a ? `${B({ portal: c })}/item.html?id=${e.id}` : void 0, p = e.title ?? "", m = y(e.modified ?? void 0, { dateStyle: "medium" }), g = l ? l.replace("${date}", m ?? "") : m ?? "", h = {
     public: "globe",
     private: "user",
     org: "organization",
     shared: "user"
-  }[s.level], h = !!s.groupIds?.length || s.level === "shared";
-  return i`<calcite-list-item .label=${r} @calciteListItemSelect=${() => {
-    l && window.open(l, "_blank", "noopener,noreferrer");
-  }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${c} .user=${t} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${r}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${t} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${b(t, m) ?? e.owner}</span>|<span class="item__details-modified">${v}</span></div></div></div><div slot=content-end class="item__content-end">${n && i`<calcite-icon class="item__status-icon" icon=recycle-bin scale=s></calcite-icon>` || ""}${_ > 0 && i`<calcite-chip .label=${a} title=${a ?? y} icon=launch @click=${(f) => {
-    f.stopPropagation(), $?.();
-  }}>${a}</calcite-chip>` || ""}${d && !n && i`<span class="item__access"><calcite-icon .icon=${g} scale=s class="item__access-icon"></calcite-icon>${h && i`<calcite-icon icon=plus scale=s></calcite-icon><calcite-icon icon=group scale=s class="item__access-icon"></calcite-icon>` || ""}</span>` || ""}</div></calcite-list-item>`;
+  }[t.level], f = !!t.groupIds?.length || t.level === "shared";
+  return i`<calcite-list-item .label=${p} @calciteListItemSelect=${() => {
+    r && window.open(r, "_blank", "noopener,noreferrer");
+  }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${c} .user=${o} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${p}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${o} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${n ? I(n, d) : e.owner}</span>|<span class="item__details-modified">${g}</span></div></div></div><div slot=content-end class="item__content-end">${a && i`<calcite-icon class="item__status-icon" icon=recycle-bin scale=s></calcite-icon>` || ""}${$ > 0 && i`<calcite-chip .label=${s} title=${s ?? b} icon=launch @click=${(u) => {
+    u.stopPropagation(), v?.();
+  }}>${s}</calcite-chip>` || ""}${_ && !a && i`<span class="item__access"><calcite-icon .icon=${h} scale=s class="item__access-icon"></calcite-icon>${f && i`<calcite-icon icon=plus scale=s></calcite-icon><calcite-icon icon=group scale=s class="item__access-icon"></calcite-icon>` || ""}</span>` || ""}</div></calcite-list-item>`;
 }
 export {
-  D as RelatedItemsListItem
+  S as RelatedItemsListItem
 };