@arcgis/portal-components 5.0.0-next.13 → 5.0.0-next.130

package/dist/components/arcgis-portal-extent-picker-coord-field/customElement.js

@@ -0,0 +1,60 @@
+import { c as n } from "../../chunks/runtime.js";
+import { createRef as c, ref as d } from "lit/directives/ref.js";
+import { LitElement as u, createEvent as p, safeClassMap as a, nothing as s } from "@arcgis/lumina";
+import { css as h, html as o } from "lit";
+import { useDirection as m } from "@arcgis/lumina/controllers";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.128 */
+const g = h`.coord-field{margin-bottom:var(--calcite-spacing-sm)}.coord-label{display:block;margin-bottom:var(--calcite-spacing-sm);font-size:14px}.coordinate-input{width:100%;block-size:var(--calcite-spacing-xxxl);box-sizing:border-box;padding-inline:var(--calcite-spacing-md);font-size:14px;color:var(--calcite-color-text-3);outline-color:var(--calcite-color-brand)}.coordinate-input--error{border:1px solid var(--calcite-color-status-danger)}.coord-error-message{position:relative;max-width:100%;margin:var(--calcite-spacing-sm) 0;display:flex;font-size:14px;padding:6px 7px;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-status-danger);box-shadow:0 1px 2px #00000054}.coord-error-message:before{pointer-events:none;content:"";position:absolute;left:11px;top:-16px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--calcite-color-status-danger)}.coord-error-message:after{position:absolute;pointer-events:none;content:"";left:11px;top:-15px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--calcite-color-foreground-1)}.is-rtl .coord-error-message:before,.is-rtl .coord-error-message:after{left:initial;right:11px}.coord-error-message calcite-icon{color:var(--calcite-color-status-danger)}.coord-error-message__text{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm);line-height:var(--calcite-spacing-xl)}`;
+class v extends u {
+  constructor() {
+    super(...arguments), this._direction = m(), this.inputEl = c(), this.isInvalid = !1, this.currentError = "", this.inputValue = "", this.label = "", this.value = "", this.errorMessage = "", this.min = -180, this.max = 180, this.validateRelated = () => !0, this.relatedErrorMessage = "", this.inputId = "", this.arcgisCoordChange = p();
+  }
+  static {
+    this.properties = { isInvalid: 16, currentError: 16, inputValue: 16, label: 1, value: 1, errorMessage: 1, min: 9, max: 9, validateRelated: 0, relatedErrorMessage: 1, inputId: 1 };
+  }
+  static {
+    this.styles = g;
+  }
+  checkRelatedField() {
+    return !this.inputValue || !this.isInvalid || !this.validate(this.inputValue) ? "" : this.inputValue;
+  }
+  isValid() {
+    return !this.isInvalid;
+  }
+  setFocus() {
+    this.inputEl.value?.focus();
+  }
+  willUpdate(r) {
+    r.has("value") && this.validate(r.get("value"));
+  }
+  isValidCoord(r, t, i) {
+    if (!r?.match(/^-?[0-9]*(\.|,)?[0-9]+$/u))
+      return !1;
+    const e = this.parseNumber(r);
+    return e >= t && e <= i;
+  }
+  validate(r) {
+    if (this.isInvalid = !this.isValidCoord(r, this.min, this.max), this.isInvalid)
+      return this.currentError = this.errorMessage, !1;
+    const t = this.parseNumber(r);
+    return this.isInvalid = !this.validateRelated(t), this.isInvalid ? (this.currentError = this.relatedErrorMessage, !1) : !0;
+  }
+  parseNumber(r) {
+    const t = `-${Array.from({ length: 10 }, (e, l) => l.toString()).join("")}`;
+    let i = r.replace(",", ".");
+    return i = Array.from(i).filter((e) => t.includes(e) || e === ".").join(""), parseFloat(i);
+  }
+  render() {
+    return o`<div class=${a({ "coord-field": !0, "is-rtl": this._direction === "rtl" })}><label class="coord-label" for=${this.inputId ?? s}>${this.label}</label><calcite-input-number number-button-type=none id=${this.inputId ?? s} class=${a({
+      "coordinate-input": !0
+    })} .value=${`${this.parseNumber(this.value)}`} @calciteInputNumberChange=${(r) => {
+      this.inputValue = r.target.value, this.validate(this.inputValue) && this.arcgisCoordChange.emit(this.inputValue);
+    }} .status=${this.isInvalid ? "invalid" : "valid"} ${d(this.inputEl)}></calcite-input-number>${this.isInvalid && o`<div class="coord-error-message"><calcite-icon icon=exclamation-mark-triangle scale=s></calcite-icon><div class="coord-error-message__text">${this.currentError}</div></div>` || ""}</div>`;
+  }
+}
+n("arcgis-portal-extent-picker-coord-field", v);
+export {
+  v as ArcgisPortalExtentPickerCoordField
+};

package/dist/components/arcgis-portal-extent-picker-coord-field/index.d.ts

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

package/dist/components/arcgis-portal-extent-picker-coord-field/index.js

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

package/dist/components/arcgis-portal-field-delete/customElement.d.ts

@@ -14,10 +14,18 @@ export declare class ArcgisPortalFieldDelete extends LitElement {
     mapView?: __esri.MapView;
     /** Properties that may need to be passed in case values differ from what is available on Map Viewer. */
     options?: FieldDeleteOptions;
-    /** Emitted when the field is successfully deleted. */
-    readonly arcgisFieldsDeleted: TargetedEvent<this, void>;
     /** Emitted before the modal is closed if the alert is handled in consumer. */
     readonly arcgisBeforeModalClose: TargetedEvent<this, string>;
     /** Emitted when the component is closed for any reason. */
     readonly arcgisClose: TargetedEvent<this, void>;
+    /** Emitted when the user initiates the delete process. */
+    readonly arcgisBeforeDelete: TargetedEvent<this, void>;
+    /** Emitted when the field is successfully deleted. */
+    readonly arcgisFieldsDeleted: TargetedEvent<this, void>;
+    "@eventTypes": {
+        "arcgisBeforeDelete": ArcgisPortalFieldDelete["arcgisBeforeDelete"]["detail"];
+        "arcgisBeforeModalClose": ArcgisPortalFieldDelete["arcgisBeforeModalClose"]["detail"];
+        "arcgisClose": ArcgisPortalFieldDelete["arcgisClose"]["detail"];
+        "arcgisFieldsDeleted": ArcgisPortalFieldDelete["arcgisFieldsDeleted"]["detail"];
+    };
 }

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

@@ -1,18 +1,20 @@
-import { c as k } from "../../chunks/runtime.js";
-import { html as p, css as P } from "lit";
-import { LitElement as M, createEvent as F, renderElement as T } from "@arcgis/lumina";
-import { createRef as E, ref as N } from "lit/directives/ref.js";
-import { Task as O } from "@lit/task";
-import * as x from "@arcgis/core/core/lang.js";
-import L from "@arcgis/core/layers/support/FeatureTemplate.js";
-import S from "@arcgis/core/Graphic.js";
-import j from "@arcgis/core/identity/IdentityManager.js";
+import { c as P } from "../../chunks/runtime.js";
+import { html as p, css as O } from "lit";
+import { LitElement as x, createEvent as T, renderElement as E } from "@arcgis/lumina";
+import { createRef as w, ref as D } from "lit/directives/ref.js";
+import { Task as L } from "@lit/task";
+import * as S from "@arcgis/core/core/lang.js";
+import B from "@arcgis/core/layers/support/FeatureTemplate.js";
+import j from "@arcgis/core/Graphic.js";
+import U from "@arcgis/core/identity/IdentityManager.js";
 import y from "@arcgis/core/request.js";
-import { a as B, g as U, b as q, d as R, e as w, f as J, i as D } from "../../chunks/fieldAddDelete.js";
-import { u as z } from "../../chunks/useT9n.js";
+import { i as $, a as q, g as R, b as J, d as z, s as W, e as _ } from "../../chunks/fieldAddDelete.js";
+import { g as A } from "../../chunks/item.js";
+import { u as V } from "../../chunks/useT9n.js";
+import { log as b, composeMissingPropertyMessage as C, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.13 */
+v5.0.0-next.128 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -30,23 +32,24 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const W = ({ fieldType: $ }) => p`<calcite-icon scale=s .icon=${n.get($)}></calcite-icon>`, _ = P`.dialog{--calcite-dialog-max-size-y: 60%}.dialog-content-wrapper{position:relative;min-height:100px}.hide-overflow{overflow:hidden}.field-icons{padding:0 var(--calcite-spacing-lg);display:flex;align-items:center}.warning{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);margin-bottom:var(--calcite-spacing-md)}.warning-message{font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold)}.loader-container{position:absolute;height:100%;width:100%;top:0;right:0;display:none;z-index:40;overflow:hidden;background:#fffffff2;padding:0}.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{padding:0}.loader-text{font-weight:var(--calcite-font-weight-medium);text-align:center;margin-right:6.25rem;margin-left:6.25rem}`;
-class V extends M {
+const H = ({ fieldType: I }) => p`<calcite-icon scale=s .icon=${n.get(I)}></calcite-icon>`, K = O`.dialog{--calcite-dialog-max-size-y: 60%}.dialog-content-wrapper{position:relative;min-height:100px}.hide-overflow{overflow:hidden}.field-icons{padding:0 var(--calcite-spacing-lg);display:flex;align-items:center}.warning{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);margin-bottom:var(--calcite-spacing-md)}.warning-message{font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold)}.loader-container{position:absolute;height:100%;width:100%;top:0;right:0;display:none;z-index:40;overflow:hidden;background:#fffffff2;padding:0}.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{padding:0}.loader-text{font-weight:var(--calcite-font-weight-medium);text-align:center;margin-right:6.25rem;margin-left:6.25rem}`;
+class Q extends x {
   constructor() {
-    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = E(), this.dialogNode = E(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = z({ blocking: !0 }), this._propWatcherTask = new O(this, {
+    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = w(), this.dialogNode = w(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = V({ blocking: !0 }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this._propWatcherTask = new L(this, {
       task: async ([e, t]) => {
-        if (!(D(e) && D(t)))
-          throw console.error("Required properties are missing."), new Error();
+        const s = $(e) && $(t);
+        if ($(e) || b("error", this, C("layer")), $(t) || b("error", this, C("fieldNames")), !s)
+          throw new Error("Required properties are missing");
         this._propWatcherTask.autoRun = !1, await this.processProps();
       },
       args: () => [this.layer, this.fieldNames]
-    }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this.arcgisFieldsDeleted = F(), this.arcgisBeforeModalClose = F(), this.arcgisClose = F();
+    }), this.arcgisBeforeModalClose = T(), this.arcgisClose = T(), this.arcgisBeforeDelete = T(), this.arcgisFieldsDeleted = T();
   }
   static {
-    this.properties = { currentLayerInfo: 16, deleteInProgress: 16, fieldsAreDeletable: 16, config: 0, fieldNames: 0, layer: 0, mapView: 0, options: 0 };
+    this.properties = { config: 0, fieldNames: 0, layer: 0, mapView: 0, options: 0 };
   }
   static {
-    this.styles = _;
+    this.styles = K;
   }
   async processProps() {
     const { layer: e, mapView: t, fieldNames: s } = this;
@@ -55,37 +58,37 @@ class V extends M {
       return;
     }
     e.loaded || await e.load(), this.layerFields = e.fields.filter((o) => s.includes(o.name));
-    const a = s.some((o) => !e.fields.find((r) => r.name === o));
+    const a = s.some((o) => !e.fields.find((l) => l.name === o));
     if (!this.layerFields?.length || a)
       this.fieldsAreDeletable = !1;
     else {
-      const o = await Promise.all(this.layerFields.map(async (r) => await B(t, e, r, this.options)));
-      if (this.fieldsAreDeletable = o.every((r) => r), !this.fieldsAreDeletable)
+      const o = await Promise.all(this.layerFields.map(async (l) => await q(t, e, l, this.options)));
+      if (this.fieldsAreDeletable = o.every((l) => l), !this.fieldsAreDeletable)
         return;
     }
-    if (this.layerFieldsMap = await U(e), this.options?.ignorePopupTemplate || (this.arcadeExpMap = q(e.popupTemplate)), this.portal = e.portalItem?.portal ?? this.options?.portal, this.item = e.portalItem ?? this.options?.item, !this.item) {
+    if (this.layerFieldsMap = await R(e), this.options?.ignorePopupTemplate || (this.arcadeExpMap = J(e.popupTemplate)), this.portal = e.portalItem?.portal ?? this.options?.portal, this.item = e.portalItem ?? this.options?.item, !this.item) {
       this.fieldsAreDeletable = !1;
       return;
     }
-    await j.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
+    await U.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
   }
   getFieldLabel(e) {
     const { layer: t, arcadeExpMap: s } = this;
     if (this.options?.ignorePopupTemplate)
       return this.getFieldDisplayNameFromLayerFields(e);
     {
-      const o = (t.popupTemplate ?? t.createPopupTemplate()).fieldInfos?.find((r) => r.fieldName === e);
-      return o ? R(o, s) : this.getFieldDisplayNameFromLayerFields(e);
+      const o = (t.popupTemplate ?? t.createPopupTemplate()).fieldInfos?.find((l) => l.fieldName === e);
+      return o ? z(t, o, s) : this.getFieldDisplayNameFromLayerFields(e);
     }
   }
   getFieldDisplayNameFromLayerFields(e) {
-    const t = this.layerFieldsMap.get(e);
-    return t.alias ?? t.name;
+    const { layer: t } = this, s = this.layerFieldsMap.get(e);
+    return W(t) ? t.getFieldAlias(e) : s.alias ?? s.name;
   }
   async deleteFields() {
     const { layer: e, fieldNames: t } = this, s = `${e.url.replace("/rest/services", "/rest/admin/services")}/${e.layerId}/deleteFromDefinition`, a = {
-      fields: t.map((r) => ({
-        name: r
+      fields: t.map((l) => ({
+        name: l
       }))
     }, o = {
       deleteFromDefinition: JSON.stringify(a)
@@ -94,18 +97,18 @@ class V extends M {
       query: { ...o, f: "json", async: !1 },
       method: "post",
       responseType: "json"
-    }).then(async (r) => {
-      if (r.data?.success) {
+    }).then(async (l) => {
+      if (l.data?.success) {
         const h = `${e.url}/${e.layerId}`;
         t.forEach((i) => {
           e.type === "feature" && e.floorInfo?.floorField === i && (e.floorInfo = null);
         });
-        const u = await y(h, { query: { f: "json" }, responseType: "json" });
-        if (u) {
-          const i = u.data;
-          this.currentLayerInfo = u.data, i && (this.updateTypesAndTemplatesOnLayer(), t.forEach((l) => {
-            i.templates?.length ? i.templates.forEach((d) => delete d.prototype.attributes[l]) : i.types?.forEach((d) => {
-              d.templates.forEach((m) => delete m.prototype.attributes[l]);
+        const m = await y(h, { query: { f: "json" }, responseType: "json" });
+        if (m) {
+          const i = m.data;
+          this.currentLayerInfo = m.data, i && (this.updateTypesAndTemplatesOnLayer(), t.forEach((r) => {
+            i.templates?.length ? i.templates.forEach((d) => delete d.prototype.attributes[r]) : i.types?.forEach((d) => {
+              d.templates.forEach((u) => delete u.prototype.attributes[r]);
             });
           }), this.updateFeatureService(i));
         } else
@@ -128,20 +131,20 @@ class V extends M {
   updateTemplatesList(e) {
     const { currentLayerInfo: t, messages: s } = this, a = [];
     return (e ?? []).forEach((o) => {
-      const r = new L();
-      r.description = o.description ?? "", r.name = o.name || s.newFeature, r.drawingTool = o.drawingTool || "point";
+      const l = new B();
+      l.description = o.description ?? "", l.name = o.name || s.newFeature, l.drawingTool = o.drawingTool || "point";
       const h = {};
       t.fields.forEach((i) => {
-        let l = !1;
+        let r = !1;
         for (let d = 0; d < o.prototype.attributes.length; d++)
           if (o.prototype.attributes[d] === i.name) {
-            l = !0, h[i.name] = o.prototype.attributes[i.name];
+            r = !0, h[i.name] = o.prototype.attributes[i.name];
             break;
           }
-        !l && i.editable && (h[i.name] = i.defaultValue || null);
+        !r && i.editable && (h[i.name] = i.defaultValue || null);
       });
-      const u = new S({ attributes: h });
-      r.prototype = u, a.push(r);
+      const m = new j({ attributes: h });
+      l.prototype = m, a.push(l);
     }), a;
   }
   addType(e, t) {
@@ -151,58 +154,58 @@ class V extends M {
     const { layer: t, fieldNames: s } = this, a = {
       templates: e.templates,
       types: e.types
-    }, o = `${t.url.replace("/rest/services", "/rest/admin/services")}/${t.layerId}/updateDefinition`, r = {
+    }, o = `${t.url.replace("/rest/services", "/rest/admin/services")}/${t.layerId}/updateDefinition`, l = {
       f: "json",
       updateDefinition: JSON.stringify(a)
     };
     await y(o, {
-      query: { ...r, f: "json" },
+      query: { ...l, f: "json" },
       method: "post",
       responseType: "json"
     }).then(async (h) => {
       if (h.data?.success) {
-        const u = `${w(this.portal)}content/items/${this.item.id}/data`;
+        const m = `${A(this.portal)}content/items/${this.item.id}/data`;
         if (this.options?.ignorePopupTemplate || s.forEach((i) => {
-          t.popupTemplate?.fieldInfos && (t.popupTemplate.fieldInfos = t.popupTemplate.fieldInfos.filter((l) => l.fieldName !== i)), t.popupTemplate?.content?.forEach((l, d) => {
-            l.type === "fields" && l.fieldInfos && ((t.popupTemplate?.content)[d].fieldInfos = (t.popupTemplate?.content)[d].fieldInfos?.filter((m) => m.fieldName !== i));
+          t.popupTemplate?.fieldInfos && (t.popupTemplate.fieldInfos = t.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), t.popupTemplate?.content?.forEach((r, d) => {
+            r.type === "fields" && r.fieldInfos && ((t.popupTemplate?.content)[d].fieldInfos = (t.popupTemplate?.content)[d].fieldInfos?.filter((u) => u.fieldName !== i));
           });
         }), t.attributeTableTemplate) {
           const i = t.attributeTableTemplate.clone();
-          i.elements = i.elements.filter((l) => !(l.type === "field" && s.includes(l.fieldName))), i.orderByFields = i.orderByFields.filter((l) => !s.includes(l.field)), t.attributeTableTemplate = i;
+          i.elements = i.elements.filter((r) => !(r.type === "field" && s.includes(r.fieldName))), i.orderByFields = i.orderByFields.filter((r) => !s.includes(r.field)), t.attributeTableTemplate = i;
         }
         if (t.fieldConfigurations?.length) {
-          const l = x.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
-          t.fieldConfigurations = l;
+          const r = S.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
+          t.fieldConfigurations = r;
         }
-        await y(u, {
+        await y(m, {
           query: { f: "json" },
           responseType: "json"
         }).then(async (i) => {
-          const l = i.data;
-          if (l?.layers || l?.tables) {
-            const d = t.isTable, m = d ? l.tables : l.layers, c = m?.find((g) => g.id === t.layerId);
+          const r = i.data;
+          if (r?.layers || r?.tables) {
+            const d = t.isTable, u = d ? r.tables : r.layers, c = u?.find((g) => g.id === t.layerId);
             if (s.forEach((g) => {
               c?.attributeTableInfo?.attributeTableElements && (c.attributeTableInfo.attributeTableElements = c.attributeTableInfo.attributeTableElements.filter((f) => !(f.type === "field" && f.fieldName === g)), c.attributeTableInfo.orderByFields = c.attributeTableInfo.orderByFields.filter((f) => f.field !== g));
             }), c?.layerDefinition?.fieldConfigurations && (c.layerDefinition.fieldConfigurations = c.layerDefinition.fieldConfigurations.filter((g) => !s.includes(g.name))), c?.popupInfo) {
-              s.forEach((b) => {
-                c.popupInfo.fieldInfos = c.popupInfo.fieldInfos.filter((v) => v.fieldName !== b), c.popupInfo.popupElements?.forEach((v, I) => {
-                  v.type === "fields" && v.fieldInfos && (c.popupInfo.popupElements[I].fieldInfos = c.popupInfo.popupElements[I].fieldInfos.filter((C) => C.fieldName !== b));
+              s.forEach((F) => {
+                c.popupInfo.fieldInfos = c.popupInfo.fieldInfos.filter((v) => v.fieldName !== F), c.popupInfo.popupElements?.forEach((v, N) => {
+                  v.type === "fields" && v.fieldInfos && (c.popupInfo.popupElements[N].fieldInfos = c.popupInfo.popupElements[N].fieldInfos.filter((M) => M.fieldName !== F));
                 });
               });
-              const g = `${w(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, f = {};
-              d ? (f.tables = m, l.layers && (f.layers = l.layers)) : (f.layers = m, l.tables && (f.tables = l.tables));
-              const A = {
+              const g = `${A(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, f = {};
+              d ? (f.tables = u, r.layers && (f.layers = r.layers)) : (f.layers = u, r.tables && (f.tables = r.tables));
+              const k = {
                 f: "json",
                 text: JSON.stringify(f)
               };
               await y(g, {
                 query: {
-                  ...A
+                  ...k
                 },
                 method: "post",
                 responseType: "json"
-              }).then((b) => {
-                b.data?.success ? this.handleSuccess() : this.handleError();
+              }).then((F) => {
+                F.data?.success ? this.handleSuccess() : this.handleError();
               }, () => this.handleError());
             } else
               this.handleSuccess();
@@ -219,20 +222,20 @@ class V extends M {
   }
   displaySuccessAlert() {
     const { messages: e, fieldNames: t } = this;
-    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = T(p`<calcite-alert .label=${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
+    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = E(p`<calcite-alert .label=${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
   }
   displayErrorAlert() {
     const { messages: e } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = T(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = E(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   displayReadOnlyErrorAlert() {
     const { messages: e, portal: t } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = T(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${t.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!t.isPortal && p`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = E(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${t.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!t.isPortal && p`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   render() {
     const { messages: e, fieldsAreDeletable: t, fieldNames: s, deleteInProgress: a } = this;
     return this._propWatcherTask.render({
-      complete: () => (t || (s?.length ? s?.length === 1 ? console.error("Field cannot be deleted") : console.error("One or more fields cannot be deleted") : console.error("You must select at least one field.")), p`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${s?.length === 1 ? e.deleteField : e.deleteFields} ${N(this.dialogNode)}>${t ? p`<div class=${`dialog-content-wrapper ${a ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${s.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : this.renderError()}</calcite-dialog>`)
+      complete: () => (t || (s?.length ? s?.length === 1 ? b("error", this, "Field cannot be deleted") : b("error", this, "One or more fields cannot be deleted") : b("error", this, G("fieldNames"))), p`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${s?.length === 1 ? e.deleteField : e.deleteFields} ${D(this.dialogNode)}>${t ? p`<div class=${`dialog-content-wrapper ${a ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${s.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : this.renderError()}</calcite-dialog>`)
     });
   }
   renderError() {
@@ -245,24 +248,24 @@ class V extends M {
   }
   renderFieldsPreview() {
     const { fieldNames: e, layerFields: t, layerFieldsMap: s, arcadeExpMap: a, messages: o } = this;
-    return p`<calcite-list .label=${o.fields}>${e.map((r) => {
-      const h = t.find((u) => u.name === r);
-      return p`<calcite-list-item .label=${this.getFieldLabel(r)} .description=${`{${r}}`} .value=${r} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${W({ fieldType: J(r, s, a) })}</div></calcite-list-item>`;
+    return p`<calcite-list .label=${o.fields}>${e.map((l) => {
+      const h = t.find((m) => m.name === l);
+      return p`<calcite-list-item .label=${this.getFieldLabel(l)} .description=${`{${l}}`} .value=${l} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${H({ fieldType: _(l, s, a) })}</div></calcite-list-item>`;
     })}</calcite-list>`;
   }
   renderCancelButton() {
     const { messages: e } = this;
-    return p`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${N(this.cancelNode)}>${e.cancel}</calcite-button>`;
+    return p`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${D(this.cancelNode)}>${e.cancel}</calcite-button>`;
   }
   renderDeleteButton() {
     const { messages: e, fieldNames: t } = this;
     return p`<calcite-button kind=danger slot=footer-end @click=${async (s) => {
       const { portal: a } = this;
-      s.currentTarget.disabled = !0, this.cancelNode.value.disabled = !0, this.dialogNode.value.closeDisabled = !0, a.sourceJSON?.isReadOnly ? this.handleError(!0) : (this.deleteInProgress = !0, await this.deleteFields());
+      s.currentTarget.disabled = !0, this.cancelNode.value.disabled = !0, this.dialogNode.value.closeDisabled = !0, a.sourceJSON?.isReadOnly ? this.handleError(!0) : (this.deleteInProgress = !0, this.requestUpdate(), this.arcgisBeforeDelete.emit(), await this.deleteFields());
     }}>${t.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${t.length}`)}</calcite-button>`;
   }
 }
-k("arcgis-portal-field-delete", V);
+P("arcgis-portal-field-delete", Q);
 export {
-  V as ArcgisPortalFieldDelete
+  Q as ArcgisPortalFieldDelete
 };

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

@@ -0,0 +1,31 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { SearchResultItem } from '@arcgis/app-components';
+import { ItemAction } from './types/actions';
+import { PropertyValues } from 'lit';
+
+/**
+ * The `arcgis-portal-replacement-item-redirect` component takes an item id on a given portal, and checks if there is a replacement item associated with it
+ * via the `ReplacementItem2Item` relationship.
+ *
+ * If so, it displays a dialog to the user notifying them of the replacement item, and redirects to the replacement item's default Open Action after a timeout.
+ *
+ * @internal
+ */
+export declare class ArcgisPortalReplacementItemRedirect extends LitElement {
+    /** The id of a deprecated/retired item to be checked for a replacement */
+    itemId: string;
+    /** The portal instance */
+    portal: __esri.Portal;
+    /** The user. Defaults to `portal.user` if omitted */
+    user?: __esri.PortalUser;
+    /** Set focus on the component */
+    setFocus(): Promise<void>;
+    readonly arcgisPortalReplacementItemFetch: TargetedEvent<this, {
+        replacementItem: __esri.PortalItem | object | null;
+    }>;
+    "@eventTypes": {
+        "arcgisPortalReplacementItemFetch": ArcgisPortalReplacementItemRedirect["arcgisPortalReplacementItemFetch"]["detail"];
+    };
+}

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

@@ -0,0 +1,151 @@
+import { c as d } from "../../chunks/runtime.js";
+import { LitElement as h, createEvent as u, nothing as p } from "@arcgis/lumina";
+import { g as f, h as I } from "../../chunks/item.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as w, ref as g } from "lit/directives/ref.js";
+import { unsafeHTML as R } from "lit/directives/unsafe-html.js";
+import y from "@arcgis/core/identity/IdentityManager.js";
+import { css as A, html as o } from "lit";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.128 */
+function T(e, t) {
+  return t && (b(e, t) || ["update", "admin"].includes(e.itemControl));
+}
+function b(e, t) {
+  return e.owner === t?.username;
+}
+const k = (e) => e.type === "PDF";
+async function D({ item: e, user: t, portal: i }) {
+  const r = await y.getCredential(i.url), n = { item: e, user: t, portal: i, credential: r };
+  return k(e) ? {
+    action: async () => await v(n),
+    newTab: !0
+  } : e.type === "StoryMap" ? { link: e.url, newTab: !0 } : null;
+}
+async function v({ item: e, user: t, portal: i, credential: r }) {
+  const n = P(e, i, r);
+  await C({ item: e, user: t, portal: i, url: n });
+}
+function P(e, t, i) {
+  if (!e)
+    return "";
+  const r = U(e, t), n = i?.token;
+  let a = n ? `?token=${n}` : "";
+  return e.type === "KML" ? (a = e.access !== "public" && n ? `?token=${n}` : "", e.url?.includes(r) ? `${r}${a}` : `${e.url}${a}`) : `${r}${a}`;
+}
+function U(e, t) {
+  return `${f(t)}content/items/${e.id}/data`;
+}
+async function C({ item: e, user: t, portal: i, url: r }) {
+  if (T(e, t))
+    l(r);
+  else
+    try {
+      if (await F(r, i))
+        l(r, !0);
+      else
+        throw new Error("Access denied");
+    } catch (n) {
+      throw n;
+    }
+}
+function l(e, t) {
+  window.location.href = e;
+}
+async function F(e, t) {
+  try {
+    return await fetch(e, {
+      method: "HEAD",
+      credentials: t?.isPortal ? "include" : "same-origin"
+    }), !0;
+  } catch {
+    return !1;
+  }
+}
+const E = A`.thumbnail-container{width:100%}`, H = 1e4;
+class L extends h {
+  constructor() {
+    super(...arguments), this.replacementId = null, this.timerId = void 0, this.t9n = $({ blocking: !0 }), this.primaryActionRef = w(), this.getItemDetailsUrl = ({ portal: t, itemId: i }) => {
+      const r = t.restUrl;
+      return r ? `${r.replace("sharing/rest", "home")}/item.html?id=${i}` : "";
+    }, this.itemTitle = "", this.replacementItem = null, this.redirectAction = null, this.canRedirect = !1, this.open = !1, this.arcgisPortalReplacementItemFetch = u();
+  }
+  static {
+    this.properties = { itemTitle: 16, replacementItem: 16, redirectAction: 16, canRedirect: 16, open: 16, itemId: 1, portal: 0, user: 0 };
+  }
+  static {
+    this.styles = E;
+  }
+  async setFocus() {
+    this.primaryActionRef.value?.setFocus();
+  }
+  willUpdate(t) {
+    (t.has("itemId") || t.has("portal") || t.has("user")) && this.initItem();
+  }
+  async handleRedirectAction() {
+    const { action: t, link: i } = this.redirectAction || {};
+    if ((t || i) && (this.canRedirect = !0), t) {
+      t();
+      return;
+    } else i && window.open(i, "_self");
+  }
+  setupTimer({ onComplete: t }) {
+    typeof this.timerId == "number" && clearTimeout(this.timerId);
+    const i = setTimeout(() => {
+      t(), this.timerId = void 0;
+    }, H);
+    this.timerId = +i;
+  }
+  cancelTimer({ onCancel: t } = {}) {
+    t?.(), clearTimeout(this.timerId);
+  }
+  handleClose() {
+    this.cancelTimer(), this.itemId = "", this.itemTitle = "", this.open = !1;
+  }
+  async initItem() {
+    if (!this.itemId)
+      return;
+    const { itemId: t, portal: i } = this, r = await i.queryItems({ query: `id:${t}` });
+    this.itemTitle = r?.results[0]?.title || "";
+    const n = await I(t, i, {
+      relationshipType: "ReplacementItem2Item",
+      direction: "reverse"
+    }), a = n.data?.aggregations?.total?.count > 0 && n.data?.relatedItems?.length === 0, s = n.data?.relatedItems?.[0];
+    if (this.arcgisPortalReplacementItemFetch.emit({
+      replacementItem: a ? {} : s || null
+    }), !s) {
+      this.handleClose();
+      return;
+    }
+    this.replacementItem = s, this.redirectAction = await D({
+      item: this.replacementItem,
+      portal: this.portal,
+      user: this.user || this.portal.user
+    });
+    const { action: c, link: m } = this.redirectAction || {};
+    this.canRedirect = !!(c || m), this.replacementId = s.id, this.canRedirect && this.setupTimer({
+      onComplete: async () => {
+        await this.handleRedirectAction();
+      }
+    }), this.open = !0;
+  }
+  viewItemDetailsPage() {
+    window.open(this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId }), "_self");
+  }
+  render() {
+    const { open: t, t9n: i, itemTitle: r, replacementItem: n, canRedirect: a, portal: s, user: c } = this;
+    if (n)
+      return o`<calcite-dialog modal .open=${t} width=s kind=info outside-close-disabled .heading=${a ? i.redirectToReplacement : i.replacementAvailable} @calciteDialogClose=${() => {
+        this.cancelTimer(), this.itemId = "", this.itemTitle = "", this.open = !1;
+      }}><div>${R(i.deprecatedHasReplacement.replace("${itemTitle}", r))}</div><calcite-card thumbnail-position=inline-start><arcgis-item-thumbnail slot=thumbnail class="thumbnail-container" .item=${n} .user=${c || s.user} .portal=${s}></arcgis-item-thumbnail><span slot=heading>${n.title}</span><span slot=description>${`Owned by: ${n.owner}`}</span>${a && o`<calcite-link slot=footer-start icon-start=launch .href=${this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId })}>${i.moreDetails}</calcite-link>` || ""}</calcite-card><calcite-button slot=footer-end appearance=outline-fill kind=neutral @click=${() => {
+        this.handleClose();
+      }}>${i.cancel}</calcite-button><calcite-button slot=footer-end @click=${async () => {
+        this.cancelTimer(), this.canRedirect ? await this.handleRedirectAction() : this.viewItemDetailsPage();
+      }} icon-end=${(this.canRedirect ? void 0 : "launch") ?? p} ${g(this.primaryActionRef)}>${this.canRedirect ? i.redirect : i.moreDetails}</calcite-button></calcite-dialog>`;
+  }
+}
+d("arcgis-portal-replacement-item-redirect", L);
+export {
+  L as ArcgisPortalReplacementItemRedirect
+};

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-card";
+import "@arcgis/app-components/dist/components/arcgis-item-thumbnail.js";
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-replacement-item-redirect/index.js

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-card";
+import "@arcgis/app-components/dist/components/arcgis-item-thumbnail.js";
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -0,0 +1,11 @@
+export type ItemActionCache = Record<string, ItemAction[]>;
+export interface ItemAction<R = void> {
+    action?: () => R;
+    link?: string;
+    id?: string;
+    tooltip?: string;
+    disabled?: boolean;
+    target?: string;
+    desktopOnly?: boolean;
+    newTab?: boolean;
+}