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

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

@@ -1,8 +1,11 @@
 import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-button";
+import "@arcgis/map-components/components/arcgis-search";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-accordion";
 import "@esri/calcite-components/components/calcite-accordion-item";
 import "../arcgis-portal-extent-picker-coord-field/index.js";
 import "@esri/calcite-components/components/calcite-loader";
+import "@arcgis/map-components/components/arcgis-zoom";
+import "@arcgis/map-components/components/arcgis-sketch";
 export * from "./customElement.js";

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

@@ -25,24 +25,24 @@ class v extends u {
     this.inputEl.value?.focus();
   }
   willUpdate(r) {
-    r.has("value") && this.validate(r.get("value"));
+    r.has("value") && this.validate(this.value);
   }
-  isValidCoord(r, t, i) {
+  isValidCoord(r, e, i) {
     if (!r?.match(/^-?[0-9]*(\.|,)?[0-9]+$/u))
       return !1;
-    const e = this.parseNumber(r);
-    return e >= t && e <= i;
+    const t = this.parseNumber(r);
+    return t >= e && t <= 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;
+    const e = this.parseNumber(r);
+    return this.isInvalid = !this.validateRelated(e), this.isInvalid ? (this.currentError = this.relatedErrorMessage, !1) : !0;
   }
   parseNumber(r) {
-    const t = `-${Array.from({ length: 10 }, (e, l) => l.toString()).join("")}`;
+    const e = `-${Array.from({ length: 10 }, (t, l) => l.toString()).join("")}`;
     let i = r.replace(",", ".");
-    return i = Array.from(i).filter((e) => t.includes(e) || e === ".").join(""), parseFloat(i);
+    return i = Array.from(i).filter((t) => e.includes(t) || t === ".").join(""), parseFloat(i);
   }
   render() {
     return o`<div class=${s({ "coord-field": !0, "is-rtl": this._direction === "rtl" })}><label class="coord-label" for=${this.inputId ?? a}>${this.label}</label><calcite-input-number number-button-type=none id=${this.inputId ?? a} class=${s({

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

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as P } from "../../chunks/runtime.js";
-import { html as f, css as O } from "lit";
-import { LitElement as x, createEvent as E, renderElement as I } from "@arcgis/lumina";
-import { createRef as D, ref as A } 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 b from "@arcgis/core/request.js";
-import * as q from "@arcgis/core/applications/PortalApp/layerUtils.js";
-import { i as $, a as R, g as J, b as z, d as W, e as _ } from "../../chunks/fieldAddDelete.js";
-import { g as C } from "../../chunks/portal.js";
+import { c as k } from "../../chunks/runtime.js";
+import { html as c, css as M } from "lit";
+import { LitElement as P, createEvent as T, renderElement as $ } from "@arcgis/lumina";
+import { createRef as N, ref as D } from "lit/directives/ref.js";
+import { Task as O } from "@lit/task";
+import * as L from "@arcgis/core/core/lang.js";
+import S from "@arcgis/core/layers/support/FeatureTemplate.js";
+import B from "@arcgis/core/Graphic.js";
+import j from "@arcgis/core/identity/IdentityManager.js";
+import y from "@arcgis/core/request.js";
+import * as U from "@arcgis/core/applications/PortalApp/layerUtils.js";
+import { i as E, a as z, g as q, b as R, d as J, e as W } from "../../chunks/fieldAddDelete.js";
+import { a as A } from "../../chunks/portal.js";
 import { u as V } from "../../chunks/useT9n.js";
-import { log as v, composeMissingPropertyMessage as k, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
+import { log as b, composeMissingPropertyMessage as C, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -31,191 +31,282 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const H = ({ fieldType: N }) => f`<calcite-icon scale=s .icon=${n.get(N)}></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 {
+const H = ({ fieldType: w }) => c`<calcite-icon scale=s .icon=${n.get(w)}></calcite-icon>`, K = [
+  "esrignss_speed",
+  "esrignss_direction",
+  "esrisnsr_azimuth",
+  "esrignss_positionsourcetype",
+  "esrignss_receiver",
+  "esrignss_h_rms",
+  "esrignss_v_rms",
+  "esrignss_latitude",
+  "esrignss_longitude",
+  "esrignss_altitude",
+  "esrignss_pdop",
+  "esrignss_hdop",
+  "esrignss_vdop",
+  "esrignss_fixtype",
+  "esrignss_correctionage",
+  "esrignss_stationid",
+  "esrignss_numsats",
+  "esrignss_fixdatetime",
+  "esrignss_avg_h_rms",
+  "esrignss_avg_v_rms",
+  "esrignss_avg_positions",
+  "esrignss_h_stddev",
+  "esrignss_correction_source_name",
+  "esrignss_correction_source_type",
+  "esrignss_custom_attributes",
+  "esrignss_h_95_status",
+  "esrignss_ntrip_mount_point",
+  "esrignss_antenna_height",
+  "esrignss_orthometric_height",
+  "esrignss_profile_has_hor_xform",
+  "esrignss_profile_hor_xform",
+  "esrignss_receiver_gcs",
+  "esrignss_receiver_gcs_wkid",
+  "esrignss_receiver_geoid",
+  "esrignss_receiver_ref_epoch",
+  "esrisnsr_tilt_azimuth_accuracy",
+  "esrisnsr_tilt_azimuth",
+  "esrisnsr_tilt_angle_accuracy",
+  "esrisnsr_tilt_angle",
+  "esrignss_tilt_compensated",
+  "esrignss_cp1_latitude",
+  "esrignss_cp1_longitude",
+  "esrignss_cp1_altitude",
+  "esrignss_cp1_h_rms",
+  "esrignss_cp1_v_rms",
+  "esrignss_cp1_fixdatetime",
+  "esrignss_cp1_fixtype",
+  "esrignss_cp1_corr_age",
+  "esrignss_cp1_stationid",
+  "esrignss_cp1_numsats",
+  "esrignss_cp1_pdop",
+  "esrignss_cp1_hdop",
+  "esrignss_cp1_vdop",
+  "esrignss_cp1_avg_h_rms",
+  "esrignss_cp1_avg_v_rms",
+  "esrignss_cp1_avg_positions",
+  "esrignss_cp1_h_stddev",
+  "esrisnsr_cp1_slope_dist",
+  "esrisnsr_cp1_inclination",
+  "esrisnsr_cp1_azimuth",
+  "esrignss_cp2_latitude",
+  "esrignss_cp2_longitude",
+  "esrignss_cp2_altitude",
+  "esrignss_cp2_h_rms",
+  "esrignss_cp2_v_rms",
+  "esrignss_cp2_fixdatetime",
+  "esrignss_cp2_fixtype",
+  "esrignss_cp2_corr_age",
+  "esrignss_cp2_stationid",
+  "esrignss_cp2_numsats",
+  "esrignss_cp2_pdop",
+  "esrignss_cp2_hdop",
+  "esrignss_cp2_vdop",
+  "esrignss_cp2_avg_h_rms",
+  "esrignss_cp2_avg_v_rms",
+  "esrignss_cp2_avg_positions",
+  "esrignss_cp2_h_stddev",
+  "esrisnsr_cp2_slope_dist",
+  "esrisnsr_cp2_inclination",
+  "esrisnsr_cp2_azimuth",
+  "esrisnsr_offset_method",
+  "esrisnsr_offset_device",
+  "esrisnsr_offset_laser_height",
+  "esrisnsr_offset_laser_target_ht",
+  "esrisnsr_offset_mag_var",
+  "esrignss_worst_h_rms",
+  "esrignss_worst_v_rms",
+  "esrignss_worst_fixtype",
+  "esrignss_manual_locations"
+], Q = M`.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 X extends P {
   constructor() {
-    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = D(), this.dialogNode = D(), 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]) => {
-        const s = $(e) && $(t);
-        if ($(e) || v("error", this, k("layer")), $(t) || v("error", this, k("fieldNames")), !s)
+    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = N(), this.dialogNode = N(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = V({ blocking: !0 }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this._propWatcherTask = new O(this, {
+      task: async ([e, s]) => {
+        const t = E(e) && E(s);
+        if (E(e) || b("error", this, C("layer")), E(s) || b("error", this, C("fieldNames")), !t)
           throw new Error("Required properties are missing");
         this._propWatcherTask.autoRun = !1, await this.processProps();
       },
       args: () => [this.layer, this.fieldNames]
-    }), this.arcgisBeforeModalClose = E(), this.arcgisClose = E(), this.arcgisBeforeDelete = E(), this.arcgisFieldsDeleted = E();
+    }), this.arcgisBeforeModalClose = T(), this.arcgisClose = T(), this.arcgisBeforeDelete = T(), this.arcgisFieldsDeleted = T();
   }
   static {
     this.properties = { config: 0, fieldNames: 0, layer: 0, mapView: 0, options: 0 };
   }
   static {
-    this.styles = K;
+    this.styles = Q;
   }
   async processProps() {
-    const { layer: e, mapView: t, fieldNames: s } = this;
-    if (!e || !s) {
+    const { layer: e, mapView: s, fieldNames: t } = this;
+    if (!e || !t) {
       this.fieldsAreDeletable = !1;
       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));
-    if (!this.layerFields?.length || a)
+    e.loaded || await e.load(), this.layerFields = e.fields.filter((o) => t.includes(o.name));
+    const l = t.some((o) => !e.fields.find((a) => a.name === o));
+    if (!this.layerFields?.length || l)
       this.fieldsAreDeletable = !1;
     else {
-      const o = await Promise.all(this.layerFields.map(async (l) => await R(t, e, l, this.options)));
-      if (this.fieldsAreDeletable = o.every((l) => l), !this.fieldsAreDeletable)
+      const o = await Promise.all(this.layerFields.map(async (a) => await z(s, e, a, this.options)));
+      if (this.fieldsAreDeletable = o.every((a) => a), !this.fieldsAreDeletable)
         return;
     }
-    if (this.layerFieldsMap = await J(e), this.options?.ignorePopupTemplate || (this.arcadeExpMap = z(e.popupTemplate)), this.portal = e.portalItem?.portal ?? this.options?.portal, this.item = e.portalItem ?? this.options?.item, !this.item) {
+    if (this.layerFieldsMap = await q(e), this.options?.ignorePopupTemplate || (this.arcadeExpMap = R(e.popupTemplate)), this.portal = e.portalItem?.portal ?? this.options?.portal, this.item = e.portalItem ?? this.options?.item, !this.item) {
       this.fieldsAreDeletable = !1;
       return;
     }
-    await U.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
+    await j.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
   }
   getFieldLabel(e) {
-    const { layer: t, arcadeExpMap: s } = this;
+    const { layer: s, arcadeExpMap: t } = this;
     if (this.options?.ignorePopupTemplate)
       return this.getFieldDisplayNameFromLayerFields(e);
     {
-      const o = (t.popupTemplate ?? t.createPopupTemplate()).fieldInfos?.find((l) => l.fieldName === e);
-      return o ? W(t, o, s) : this.getFieldDisplayNameFromLayerFields(e);
+      const o = (s.popupTemplate ?? s.createPopupTemplate())?.fieldInfos?.find((a) => a.fieldName === e);
+      return o ? J(s, o, t) : this.getFieldDisplayNameFromLayerFields(e);
     }
   }
   getFieldDisplayNameFromLayerFields(e) {
-    const { layer: t } = this, s = this.layerFieldsMap.get(e);
-    return q.supportsFieldConfiguration(t) ? t.getFieldAlias(e) : s.alias ?? s.name;
+    const { layer: s } = this, t = this.layerFieldsMap.get(e);
+    return U.supportsFieldConfiguration(s) ? s.getFieldAlias(e) : t.alias ?? t.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
+    const { layer: e, fieldNames: s } = this, t = `${e.url.replace("/rest/services", "/rest/admin/services")}/${e.layerId}/deleteFromDefinition`, l = {
+      fields: s.map((a) => ({
+        name: a
       }))
     }, o = {
-      deleteFromDefinition: JSON.stringify(a)
+      deleteFromDefinition: JSON.stringify(l)
     };
-    await b(s, {
+    await y(t, {
       query: { ...o, f: "json", async: !1 },
       method: "post",
       responseType: "json"
-    }).then(async (l) => {
-      if (l.data?.success) {
-        const h = `${e.url}/${e.layerId}`;
-        t.forEach((i) => {
+    }).then(async (a) => {
+      if (a.data?.success) {
+        const g = `${e.url}/${e.layerId}`;
+        s.forEach((i) => {
           e.type === "feature" && e.floorInfo?.floorField === i && (e.floorInfo = null);
         });
-        const u = await b(h, { query: { f: "json" }, responseType: "json" });
-        if (u) {
-          const i = u.data;
-          this.currentLayerInfo = u.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((g) => delete g.prototype.attributes[r]);
+        const h = await y(g, { query: { f: "json" }, responseType: "json" });
+        if (h) {
+          const i = h.data;
+          this.currentLayerInfo = h.data, i && (this.updateTypesAndTemplatesOnLayer(), s.forEach((r) => {
+            i.templates?.length ? i.templates.forEach((p) => delete p.prototype.attributes[r]) : i.types?.forEach((p) => {
+              p.templates.forEach((u) => delete u.prototype.attributes[r]);
             });
           }), this.updateFeatureService(i));
         } else
           this.handleError();
-      }
+      } else
+        this.handleError();
     }, () => this.handleError());
   }
   updateTypesAndTemplatesOnLayer() {
-    const { currentLayerInfo: e } = this, t = e;
-    if (t.templates?.length) {
-      const s = this.updateTemplatesList(t.templates);
-      t.templates = s;
-    } else if (t.types) {
-      const s = t.types;
-      t.types = [], s.forEach((a) => {
-        a.templates = this.updateTemplatesList(a.templates), this.addType(t, a);
+    const { currentLayerInfo: e } = this, s = e;
+    if (s.templates?.length) {
+      const t = this.updateTemplatesList(s.templates);
+      s.templates = t;
+    } else if (s.types) {
+      const t = s.types;
+      s.types = [], t.forEach((l) => {
+        l.templates = this.updateTemplatesList(l.templates), this.addType(s, l);
       });
     }
   }
   updateTemplatesList(e) {
-    const { currentLayerInfo: t, messages: s } = this, a = [];
+    const { currentLayerInfo: s, messages: t } = this, l = [];
     return (e ?? []).forEach((o) => {
-      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) => {
+      const a = new S();
+      a.description = o.description ?? "", a.name = o.name || t.newFeature, a.drawingTool = o.drawingTool || "point";
+      const g = {};
+      s.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];
+        for (let p = 0; p < o.prototype.attributes.length; p++)
+          if (o.prototype.attributes[p] === i.name) {
+            r = !0, g[i.name] = o.prototype.attributes[i.name];
             break;
           }
-        !r && i.editable && (h[i.name] = i.defaultValue || null);
+        !r && i.editable && !K.includes(i.name) && (g[i.name] = i.defaultValue || null);
       });
-      const u = new j({ attributes: h });
-      l.prototype = u, a.push(l);
-    }), a;
+      const h = new B({ attributes: g });
+      a.prototype = h, l.push(a);
+    }), l;
   }
-  addType(e, t) {
-    e.types ? e.types.some((a) => a.id === t.id) || e.types.push(t) : e.types = [t];
+  addType(e, s) {
+    e.types ? e.types.some((l) => l.id === s.id) || e.types.push(s) : e.types = [s];
   }
   async updateFeatureService(e) {
-    const { layer: t, fieldNames: s } = this, a = {
+    const { layer: s, fieldNames: t } = this, l = {
       templates: e.templates,
       types: e.types
-    }, o = `${t.url.replace("/rest/services", "/rest/admin/services")}/${t.layerId}/updateDefinition`, l = {
+    }, o = `${s.url.replace("/rest/services", "/rest/admin/services")}/${s.layerId}/updateDefinition`, a = {
       f: "json",
-      updateDefinition: JSON.stringify(a)
+      updateDefinition: JSON.stringify(l)
     };
-    await b(o, {
-      query: { ...l, f: "json" },
+    await y(o, {
+      query: { ...a, f: "json" },
       method: "post",
       responseType: "json"
-    }).then(async (h) => {
-      if (h.data?.success) {
-        const u = `${C(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((g) => g.fieldName !== i));
+    }).then(async (g) => {
+      if (g.data?.success) {
+        const h = `${A(this.portal)}content/items/${this.item.id}/data`;
+        if (this.options?.ignorePopupTemplate || t.forEach((i) => {
+          s.popupTemplate?.fieldInfos && (s.popupTemplate.fieldInfos = s.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), s.popupTemplate?.content?.forEach((r, p) => {
+            r.type === "fields" && r.fieldInfos && ((s.popupTemplate?.content)[p].fieldInfos = (s.popupTemplate?.content)[p].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;
+        }), s.attributeTableTemplate) {
+          const i = s.attributeTableTemplate.clone();
+          i.elements = i.elements.filter((r) => !(r.type === "field" && t.includes(r.fieldName))), i.orderByFields = i.orderByFields.filter((r) => !t.includes(r.field)), s.attributeTableTemplate = i;
         }
-        if (t.fieldConfigurations?.length) {
-          const r = S.clone(t.fieldConfigurations).filter((c) => !s.includes(c.name));
-          t.fieldConfigurations = r;
+        if (s.fieldConfigurations?.length) {
+          const r = L.clone(s.fieldConfigurations).filter((p) => !t.includes(p.name));
+          s.fieldConfigurations = r;
         }
-        await b(u, {
+        await y(h, {
           query: { f: "json" },
           responseType: "json"
         }).then(async (i) => {
           const r = i.data;
           if (r?.layers || r?.tables) {
-            const c = t.isTable, g = c ? r.tables : r.layers, p = g?.find((m) => m.id === t.layerId);
-            if (s.forEach((m) => {
-              p?.attributeTableInfo?.attributeTableElements && (p.attributeTableInfo.attributeTableElements = p.attributeTableInfo.attributeTableElements.map((d) => {
+            const p = s.isTable, u = p ? r.tables : r.layers, f = u?.find((m) => m.id === s.layerId);
+            if (t.forEach((m) => {
+              f?.attributeTableInfo?.attributeTableElements && (f.attributeTableInfo.attributeTableElements = f.attributeTableInfo.attributeTableElements.map((d) => {
                 if (d.type === "field")
                   return d.fieldName === m ? void 0 : d;
                 if (d.type === "group" && Array.isArray(d.attributeTableElements)) {
-                  const F = d.attributeTableElements.filter((y) => !(y.type === "field" && y.fieldName === m));
-                  return F.length ? {
+                  const v = d.attributeTableElements.filter((_) => !(_.type === "field" && _.fieldName === m));
+                  return v.length ? {
                     ...d,
-                    attributeTableElements: F
+                    attributeTableElements: v
                   } : void 0;
                 }
                 return d;
-              }).filter(Boolean), p.attributeTableInfo.orderByFields = p.attributeTableInfo.orderByFields.filter((d) => d.field !== m));
-            }), p?.layerDefinition?.fieldConfigurations && (p.layerDefinition.fieldConfigurations = p.layerDefinition.fieldConfigurations.filter((m) => !s.includes(m.name))), p?.popupInfo) {
-              s.forEach((y) => {
-                p.popupInfo.fieldInfos = p.popupInfo.fieldInfos.filter((T) => T.fieldName !== y), p.popupInfo.popupElements?.forEach((T, w) => {
-                  T.type === "fields" && T.fieldInfos && (p.popupInfo.popupElements[w].fieldInfos = p.popupInfo.popupElements[w].fieldInfos.filter((M) => M.fieldName !== y));
+              }).filter(Boolean), f.attributeTableInfo.orderByFields = f.attributeTableInfo.orderByFields.filter((d) => d.field !== m));
+            }), f?.layerDefinition?.fieldConfigurations && (f.layerDefinition.fieldConfigurations = f.layerDefinition.fieldConfigurations.filter((m) => !t.includes(m.name))), f?.popupInfo) {
+              t.forEach((_) => {
+                f.popupInfo.fieldInfos = f.popupInfo.fieldInfos.filter((F) => F.fieldName !== _), f.popupInfo.popupElements?.forEach((F, I) => {
+                  F.type === "fields" && F.fieldInfos && (f.popupInfo.popupElements[I].fieldInfos = f.popupInfo.popupElements[I].fieldInfos.filter((x) => x.fieldName !== _));
                 });
               });
-              const m = `${C(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, d = {};
-              c ? (d.tables = g, r.layers && (d.layers = r.layers)) : (d.layers = g, r.tables && (d.tables = r.tables));
-              const F = {
+              const m = `${A(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, d = {};
+              p ? (d.tables = u, r.layers && (d.layers = r.layers)) : (d.layers = u, r.tables && (d.tables = r.tables));
+              const v = {
                 f: "json",
                 text: JSON.stringify(d)
               };
-              await b(m, {
+              await y(m, {
                 query: {
-                  ...F
+                  ...v
                 },
                 method: "post",
                 responseType: "json"
-              }).then((y) => {
-                y.data?.success ? this.handleSuccess() : this.handleError();
+              }).then((_) => {
+                _.data?.success ? this.handleSuccess() : this.handleError();
               }, () => this.handleError());
             } else
               this.handleSuccess();
@@ -231,51 +322,53 @@ class Q extends x {
     this.dialogNode?.value && (this.dialogNode.value.open = !1), e ? this.options?.handleCloseOnConsumer ? this.arcgisBeforeModalClose.emit("read-only-error") : this.displayReadOnlyErrorAlert() : this.options?.handleCloseOnConsumer ? this.arcgisBeforeModalClose.emit("error") : this.displayErrorAlert();
   }
   displaySuccessAlert() {
-    const { messages: e, fieldNames: t } = this;
-    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = I(f`<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);
+    const { messages: e, fieldNames: s } = this;
+    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = $(c`<calcite-alert .label=${s.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${s.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 = I(f`<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 = $(c`<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 = I(f`<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 && f`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
+    const { messages: e, portal: s } = this;
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = $(c`<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>${s.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!s.isPortal && c`<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 ? v("error", this, "Field cannot be deleted") : v("error", this, "One or more fields cannot be deleted") : v("error", this, G("fieldNames"))), f`<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} ${A(this.dialogNode)}>${t ? f`<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>`)
-    });
+    const { messages: e, fieldsAreDeletable: s, fieldNames: t, deleteInProgress: l } = this;
+    return c`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${t?.length === 1 ? e.deleteField : e.deleteFields} ${D(this.dialogNode)}>${this._propWatcherTask.render({
+      pending: () => c`<div class="dialog-content-wrapper hide-overflow"><div class="loader-container active"><calcite-loader class="loader" .label=${e.fields}></calcite-loader></div></div>`,
+      error: () => c`<div class="dialog-content-wrapper">${this.renderError()}</div>`,
+      complete: () => (s || (t?.length ? t?.length === 1 ? b("error", this, "Field cannot be deleted") : b("error", this, "One or more fields cannot be deleted") : b("error", this, G("fieldNames"))), s ? c`<div class=${`dialog-content-wrapper ${l ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${t.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : c`<div class="dialog-content-wrapper">${this.renderError()}</div>`)
+    })}</calcite-dialog>`;
   }
   renderError() {
     const { messages: e } = this;
-    return f`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
+    return c`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
   }
   renderDeleteLoader() {
-    const { messages: e, fieldNames: t, deleteInProgress: s } = this;
-    return f`<div class=${`loader-container ${s ? "active" : ""}`}><calcite-loader class="loader" .label=${t.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!s}></calcite-loader><div class="loader-text">${t.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
+    const { messages: e, fieldNames: s, deleteInProgress: t } = this;
+    return c`<div class=${`loader-container ${t ? "active" : ""}`}><calcite-loader class="loader" .label=${s.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!t}></calcite-loader><div class="loader-text">${s.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
   }
   renderFieldsPreview() {
-    const { fieldNames: e, layerFields: t, layerFieldsMap: s, arcadeExpMap: a, messages: o } = this;
-    return f`<calcite-list .label=${o.fields}>${e.map((l) => {
-      const h = t.find((u) => u.name === l);
-      return f`<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>`;
+    const { fieldNames: e, layerFields: s, layerFieldsMap: t, arcadeExpMap: l, messages: o } = this;
+    return c`<calcite-list .label=${o.fields}>${e.map((a) => {
+      const g = s.find((h) => h.name === a);
+      return c`<calcite-list-item .label=${this.getFieldLabel(a)} .description=${`{${a}}`} .value=${a} .disabled=${!g.editable}><div slot=actions-end class="field-icons">${H({ fieldType: W(a, t, l) })}</div></calcite-list-item>`;
     })}</calcite-list>`;
   }
   renderCancelButton() {
     const { messages: e } = this;
-    return f`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${A(this.cancelNode)}>${e.cancel}</calcite-button>`;
+    return c`<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 f`<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, this.requestUpdate(), this.arcgisBeforeDelete.emit(), await this.deleteFields());
-    }}>${t.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${t.length}`)}</calcite-button>`;
+    const { messages: e, fieldNames: s } = this;
+    return c`<calcite-button kind=danger slot=footer-end @click=${async (t) => {
+      const { portal: l } = this;
+      t.currentTarget.disabled = !0, this.cancelNode.value.disabled = !0, this.dialogNode.value.closeDisabled = !0, l.sourceJSON?.isReadOnly ? this.handleError(!0) : (this.deleteInProgress = !0, this.requestUpdate(), this.arcgisBeforeDelete.emit(), await this.deleteFields());
+    }}>${s.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${s.length}`)}</calcite-button>`;
   }
 }
-P("arcgis-portal-field-delete", Q);
+k("arcgis-portal-field-delete", X);
 export {
-  Q as ArcgisPortalFieldDelete
+  X as ArcgisPortalFieldDelete
 };

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

@@ -2,8 +2,8 @@ import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-alert";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
 import "@esri/calcite-components/components/calcite-button";

package/dist/components/arcgis-portal-group-badges/customElement.d.ts

@@ -77,7 +77,6 @@ export abstract class ArcgisPortalGroupBadges extends LitElement {
    * @default false
    */
   accessor empty: boolean;
-  /** PortalGroup instance for deriving badge states from sourceJSON. */
   accessor group: PortalGroup | undefined;
   /** Current Portal instance. */
   accessor portal: GroupBadgesPortal | undefined;