@arcgis/portal-components 5.0.0-next.9 → 5.0.0-next.91

package/dist/components/arcgis-portal-extent-picker/mask-layer.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as Map } from '@arcgis/core/Map';
+import { default as Graphic } from '@arcgis/core/Graphic.js';
+import { default as GraphicsLayer } from '@arcgis/core/layers/GraphicsLayer.js';
+import { default as SimpleFillSymbol } from '@arcgis/core/symbols/SimpleFillSymbol.js';
+export default class MaskLayer {
+    private outerRing;
+    private map?;
+    private maskSymbol?;
+    maskLayer?: GraphicsLayer;
+    overlapLayer?: GraphicsLayer;
+    constructor(map: Map);
+    init(): void;
+    hide(): void;
+    show(): void;
+    add(geometry: __esri.Extent, symbol?: SimpleFillSymbol): BuildGraphicResult | undefined;
+    update(geometry: __esri.Extent, symbol?: SimpleFillSymbol, index?: number): BuildGraphicResult | undefined;
+    clear(): void;
+    remove(graphic?: Graphic | nullish, index?: number): void;
+    private buildGraphic;
+    private checkPolyOverlap;
+    private toWGS84;
+}
+interface BuildGraphicResult {
+    graphic?: Graphic;
+    overlap?: number[][];
+}
+export {};

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

@@ -0,0 +1,26 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+
+/** @private */
+export declare class ArcgisPortalExtentPickerCoordField extends LitElement {
+    /** @default "" */
+    label: string;
+    /** @default "" */
+    value: string;
+    /** @default "" */
+    errorMessage: string;
+    /** @default -180 */
+    min: number;
+    /** @default 180 */
+    max: number;
+    validateRelated: (newValue: number) => boolean;
+    /** @default "" */
+    relatedErrorMessage: string;
+    /** @default "" */
+    inputId: string;
+    checkRelatedField(): string;
+    isValid(): boolean;
+    setFocus(): void;
+    readonly arcgisCoordChange: TargetedEvent<this, string>;
+}

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.91 */
+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,18 +1,19 @@
-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 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.9 */
+v5.0.0-next.91 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -30,23 +31,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;
@@ -59,15 +61,15 @@ class V extends M {
     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)));
+      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 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;
@@ -75,12 +77,12 @@ class V extends M {
       return this.getFieldDisplayNameFromLayerFields(e);
     {
       const o = (t.popupTemplate ?? t.createPopupTemplate()).fieldInfos?.find((r) => r.fieldName === e);
-      return o ? R(o, s) : this.getFieldDisplayNameFromLayerFields(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 = {
@@ -100,12 +102,12 @@ class V extends M {
         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) => {
+        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((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]);
+              d.templates.forEach((u) => delete u.prototype.attributes[l]);
             });
           }), this.updateFeatureService(i));
         } else
@@ -128,7 +130,7 @@ class V extends M {
   updateTemplatesList(e) {
     const { currentLayerInfo: t, messages: s } = this, a = [];
     return (e ?? []).forEach((o) => {
-      const r = new L();
+      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) => {
@@ -140,8 +142,8 @@ class V extends M {
           }
         !l && 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 });
+      r.prototype = m, a.push(r);
     }), a;
   }
   addType(e, t) {
@@ -161,48 +163,48 @@ class V extends M {
       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));
+            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((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 = x.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
+          const l = S.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
           t.fieldConfigurations = l;
         }
-        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 d = t.isTable, u = d ? l.tables : l.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, 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();
@@ -219,20 +221,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() {
@@ -246,23 +248,23 @@ 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>`;
+      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>`;
   }
 }
-k("arcgis-portal-field-delete", V);
+P("arcgis-portal-field-delete", Q);
 export {
-  V as ArcgisPortalFieldDelete
+  Q as ArcgisPortalFieldDelete
 };

package/dist/controllers/useClassificationModel.d.ts

@@ -3,7 +3,7 @@
  * Use this controller to access and update shared classification info
  * between multiple instances of the classification banner.
  */
-export declare const useClassificationModel: (component: import('@arcgis/lumina').LitElement & Omit<Pick<import('../models/classificationModel').ClassificationModel, "portalClassificationSchema">, "addHandles" | "declaredClass" | "destroyed" | "hasHandles" | "initialized" | "removeHandles" | "set" | "watch"> & {
+export declare const useClassificationModel: (component: import('@arcgis/lumina').LitElement & Omit<Pick<import('../models/classificationModel').ClassificationModel, "portalClassificationSchema">, "set" | "addHandles" | "declaredClass" | "destroyed" | "hasHandles" | "initialized" | "removeHandles" | "watch"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => import('../models/classificationModel').ClassificationModel;