@arcgis/portal-components 5.0.0-next.1 → 5.0.0-next.100

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.100 */
+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,12 @@ 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>;
 }

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

@@ -1,17 +1,19 @@
-import { c as C } 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 x from "@arcgis/core/layers/support/FeatureTemplate.js";
-import L from "@arcgis/core/Graphic.js";
-import S 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 j, g as B, b as U, d as q, e as w, f as R, i as D } from "../../chunks/fieldAddDelete.js";
-import { u as J } from "../../chunks/useT9n.js";
+import { i as $, a as q, g as R, b as J, d as z, s as W, e as A, f as _ } from "../../chunks/fieldAddDelete.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.1 */
+v5.0.0-next.100 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -29,23 +31,24 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const z = ({ fieldType: $ }) => p`<calcite-icon scale=s .icon=${n.get($)}></calcite-icon>`, W = 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 _ 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 = J({ 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 = W;
+    this.styles = K;
   }
   async processProps() {
     const { layer: e, mapView: t, fieldNames: s } = this;
@@ -54,37 +57,37 @@ class _ 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((l) => l.name === o));
+    const a = s.some((o) => !e.fields.find((r) => r.name === o));
     if (!this.layerFields?.length || a)
       this.fieldsAreDeletable = !1;
     else {
-      const o = await Promise.all(this.layerFields.map(async (l) => await j(t, e, l, this.options)));
-      if (this.fieldsAreDeletable = o.every((l) => l), !this.fieldsAreDeletable)
+      const o = await Promise.all(this.layerFields.map(async (r) => await q(t, e, r, this.options)));
+      if (this.fieldsAreDeletable = o.every((r) => r), !this.fieldsAreDeletable)
         return;
     }
-    if (this.layerFieldsMap = await B(e), this.options?.ignorePopupTemplate || (this.arcadeExpMap = U(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 S.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((l) => l.fieldName === e);
-      return o ? q(o, s) : this.getFieldDisplayNameFromLayerFields(e);
+      const o = (t.popupTemplate ?? t.createPopupTemplate()).fieldInfos?.find((r) => r.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((l) => ({
-        name: l
+      fields: t.map((r) => ({
+        name: r
       }))
     }, o = {
       deleteFromDefinition: JSON.stringify(a)
@@ -93,8 +96,8 @@ class _ extends M {
       query: { ...o, f: "json", async: !1 },
       method: "post",
       responseType: "json"
-    }).then(async (l) => {
-      if (l.data?.success) {
+    }).then(async (r) => {
+      if (r.data?.success) {
         const h = `${e.url}/${e.layerId}`;
         t.forEach((i) => {
           e.type === "feature" && e.floorInfo?.floorField === i && (e.floorInfo = null);
@@ -102,9 +105,9 @@ class _ extends M {
         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((c) => delete c.prototype.attributes[r]) : i.types?.forEach((c) => {
-              c.templates.forEach((u) => delete u.prototype.attributes[r]);
+          this.currentLayerInfo = m.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((u) => delete u.prototype.attributes[l]);
             });
           }), this.updateFeatureService(i));
         } else
@@ -127,20 +130,20 @@ class _ extends M {
   updateTemplatesList(e) {
     const { currentLayerInfo: t, messages: s } = this, a = [];
     return (e ?? []).forEach((o) => {
-      const l = new x();
-      l.description = o.description ?? "", l.name = o.name || s.newFeature, l.drawingTool = o.drawingTool || "point";
+      const r = new B();
+      r.description = o.description ?? "", r.name = o.name || s.newFeature, r.drawingTool = o.drawingTool || "point";
       const h = {};
       t.fields.forEach((i) => {
-        let r = !1;
-        for (let c = 0; c < o.prototype.attributes.length; c++)
-          if (o.prototype.attributes[c] === i.name) {
-            r = !0, h[i.name] = o.prototype.attributes[i.name];
+        let l = !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];
             break;
           }
-        !r && i.editable && (h[i.name] = i.defaultValue || null);
+        !l && i.editable && (h[i.name] = i.defaultValue || null);
       });
-      const m = new L({ attributes: h });
-      l.prototype = m, a.push(l);
+      const m = new j({ attributes: h });
+      r.prototype = m, a.push(r);
     }), a;
   }
   addType(e, t) {
@@ -150,54 +153,58 @@ class _ 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`, l = {
+    }, o = `${t.url.replace("/rest/services", "/rest/admin/services")}/${t.layerId}/updateDefinition`, r = {
       f: "json",
       updateDefinition: JSON.stringify(a)
     };
     await y(o, {
-      query: { ...l, f: "json" },
+      query: { ...r, f: "json" },
       method: "post",
       responseType: "json"
     }).then(async (h) => {
       if (h.data?.success) {
-        const m = `${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((r) => r.fieldName !== i)), t.popupTemplate?.content?.forEach((r, c) => {
-            r.type === "fields" && r.fieldInfos && ((t.popupTemplate?.content)[c].fieldInfos = (t.popupTemplate?.content)[c].fieldInfos?.filter((u) => u.fieldName !== 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((u) => u.fieldName !== i));
           });
         }), t.attributeTableTemplate) {
           const i = t.attributeTableTemplate.clone();
-          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;
+          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;
+        }
+        if (t.fieldConfigurations?.length) {
+          const l = S.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
+          t.fieldConfigurations = l;
         }
         await y(m, {
           query: { f: "json" },
           responseType: "json"
         }).then(async (i) => {
-          const r = i.data;
-          if (r?.layers || r?.tables) {
-            const c = t.isTable, u = c ? r.tables : r.layers, d = u?.find((g) => g.id === t.layerId);
+          const l = i.data;
+          if (l?.layers || l?.tables) {
+            const d = t.isTable, u = d ? l.tables : l.layers, c = u?.find((g) => g.id === t.layerId);
             if (s.forEach((g) => {
-              d?.attributeTableInfo?.attributeTableElements && (d.attributeTableInfo.attributeTableElements = d.attributeTableInfo.attributeTableElements.filter((f) => !(f.type === "field" && f.fieldName === g)), d.attributeTableInfo.orderByFields = d.attributeTableInfo.orderByFields.filter((f) => f.field !== g));
-            }), d?.fieldConfiguration && (d.fieldConfiguration = d.fieldConfiguration.filter((g) => !s.includes(g.name))), d?.popupInfo) {
-              s.forEach((b) => {
-                d.popupInfo.fieldInfos = d.popupInfo.fieldInfos.filter((v) => v.fieldName !== b), d.popupInfo.popupElements?.forEach((v, I) => {
-                  v.type === "fields" && v.fieldInfos && (d.popupInfo.popupElements[I].fieldInfos = d.popupInfo.popupElements[I].fieldInfos.filter((k) => k.fieldName !== b));
+              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((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 = {};
-              c ? (f.tables = u, r.layers && (f.layers = r.layers)) : (f.layers = u, r.tables && (f.tables = r.tables));
-              const A = {
+              const g = `${A(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, f = {};
+              d ? (f.tables = u, l.layers && (f.layers = l.layers)) : (f.layers = u, l.tables && (f.tables = l.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();
@@ -214,20 +221,20 @@ class _ 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() {
@@ -240,24 +247,24 @@ class _ extends M {
   }
   renderFieldsPreview() {
     const { fieldNames: e, layerFields: t, layerFieldsMap: s, arcadeExpMap: a, messages: o } = this;
-    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">${z({ fieldType: R(l, s, a) })}</div></calcite-list-item>`;
+    return p`<calcite-list .label=${o.fields}>${e.map((r) => {
+      const h = t.find((m) => m.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">${H({ fieldType: _(r, 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>`;
   }
 }
-C("arcgis-portal-field-delete", _);
+P("arcgis-portal-field-delete", Q);
 export {
-  _ as ArcgisPortalFieldDelete
+  Q as ArcgisPortalFieldDelete
 };