@arcgis/portal-components 4.34.0-next.144

package/dist/components/arcgis-portal-classification-form-element/customElement.js

@@ -0,0 +1,103 @@
+import { c as o } from "../../chunks/runtime.js";
+import { repeat as c } from "lit/directives/repeat.js";
+import { LitElement as u, createEvent as b, nothing as a } from "@arcgis/lumina";
+import { css as d, html as i } from "lit";
+import { u as h } from "../../chunks/useT9n.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.144 */
+const m = d`.spacing-y{margin:var(--calcite-spacing-md) 0}.portal-classification-form-element-tooltip{display:flex;justify-content:space-between;align-items:center}`;
+function l(n, e) {
+  return n.uiElement === e;
+}
+class v extends u {
+  constructor() {
+    super(...arguments), this.messages = h(), this.arcgisAttributeValueChange = b();
+  }
+  static {
+    this.properties = { validationMsg: 16, attributeKey: 1, attribute: 0, value: 0, renderingInfo: 0 };
+  }
+  static {
+    this.styles = m;
+  }
+  willUpdate(e) {
+    e.has("renderingInfo") && (this.validationMsg = this._getValidationMessage());
+  }
+  _getValidationMessage() {
+    if (this.renderingInfo.attributeValidationResult)
+      return this.renderingInfo.attributeValidationResult;
+    if (this.attribute.isRequired && !this.value)
+      return this.messages.requiredfield ?? "This is a required field.";
+  }
+  renderCheckbox() {
+    return l(this.attribute, "checkbox") ? i`<calcite-label class="spacing-y" .for=${this.attributeKey} layout=inline><calcite-checkbox .checked=${this.value} id=${this.attributeKey ?? a} @calciteCheckboxChange=${(e) => this.arcgisAttributeValueChange.emit({ [this.attributeKey]: e.target.checked })} .required=${this.attribute.isRequired ?? !1} .status=${this.validationMsg ? "invalid" : "valid"}></calcite-checkbox>${this.attribute.label}</calcite-label>` : null;
+  }
+  renderDateInput() {
+    return l(this.attribute, "date") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-input-date-picker id=${this.attributeKey ?? a} .name=${this.attribute.label} @calciteInputDatePickerChange=${(e) => this.isConnected && this.arcgisAttributeValueChange.emit({ [this.attributeKey]: e.target.value })} overlay-positioning=fixed .required=${this.attribute.isRequired} .status=${this.validationMsg ? "invalid" : "valid"} validation-icon=exclamation-mark-triangle .validationMessage=${this.validationMsg} .value=${this.value}></calcite-input-date-picker></calcite-label>` : null;
+  }
+  renderTextInput() {
+    if (!l(this.attribute, "text"))
+      return null;
+    const e = this.attribute.label, t = this.attribute.description;
+    return i`<calcite-label .for=${this.attributeKey}><div class="portal-classification-form-element-tooltip">${e}${this.attribute.labelTooltip && i`<div><calcite-icon scale=s icon=information .id=${`tooltip-button-${this.attribute.bannerLabel}`} text-label=${this.messages.information ?? "Information" ?? a}></calcite-icon><calcite-tooltip .referenceElement=${`tooltip-button-${this.attribute.bannerLabel}`} placement=right>${this.attribute.labelTooltip}</calcite-tooltip></div>` || ""}</div><calcite-input-text id=${this.attributeKey ?? a} .label=${e} .name=${this.attributeKey} @calciteInputTextChange=${(s) => this.arcgisAttributeValueChange.emit({ [this.attributeKey]: s.target.value })} .placeholder=${t} .required=${this.attribute.isRequired} .status=${this.validationMsg ? "invalid" : "valid"} validation-icon=exclamation-mark-triangle .validationMessage=${this.validationMsg} .value=${this.value}></calcite-input-text></calcite-label>`;
+  }
+  renderSingleSelect() {
+    return l(this.attribute, "single-select") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-combobox selection-mode=single id=${this.attributeKey ?? a} .label=${this.attribute.label} .name=${this.attributeKey} @calciteComboboxChange=${(e) => this.arcgisAttributeValueChange.emit({ [this.attributeKey]: e.target.value })} .placeholder=${this.messages.selectanoption ?? "Select an option"} .required=${this.attribute.isRequired} .status=${this.validationMsg ? "invalid" : "valid"} overlay-positioning=fixed validation-icon=exclamation-mark-triangle .validationMessage=${this.validationMsg} .value=${this.value} data-testid=${`single-select-${this.attributeKey}`}>${this._renderSingleSelectComboboxOptions()}</calcite-combobox></calcite-label>` : null;
+  }
+  _renderSingleSelectComboboxOptions() {
+    if (!Array.isArray(this.renderingInfo.valueExpressionResult))
+      return;
+    const e = this.value;
+    return c(this.renderingInfo.valueExpressionResult, (t) => t.label, (t) => i`<calcite-combobox-item .selected=${e === t.value} text-label=${t.label ?? a} .value=${t.value} data-testid=${`single-combobox-item-${t.value}`}></calcite-combobox-item>`);
+  }
+  _renderComboboxOptions() {
+    if (!Array.isArray(this.renderingInfo.valueExpressionResult))
+      return;
+    const e = this.value;
+    return this.renderingInfo.valueExpressionResult.map((t) => i`<calcite-combobox-item .selected=${e?.includes(t.value)} text-label=${t.label ?? a} .value=${t.value} data-testid=${`combobox-item-${t.value}`}></calcite-combobox-item>`);
+  }
+  renderMultiSelect() {
+    return l(this.attribute, "multi-select") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-combobox id=${this.attributeKey ?? a} .label=${this.attribute.label} .name=${this.attributeKey} @calciteComboboxChange=${(e) => {
+      const t = e.target.value;
+      this.arcgisAttributeValueChange.emit({
+        [this.attributeKey]: t ? Array.isArray(t) ? t : [t] : void 0
+      });
+    }} .placeholder=${this.messages.selectoptions ?? "Select option(s)"} .required=${this.attribute.isRequired} .status=${this.validationMsg ? "invalid" : "valid"} validation-icon=exclamation-mark-triangle .validationMessage=${this.validationMsg} .value=${this.value}>${this._renderComboboxOptions()}</calcite-combobox></calcite-label>` : null;
+  }
+  _renderGroupedComboboxOptions() {
+    if (!this.renderingInfo.valueExpressionResult || Array.isArray(this.renderingInfo.valueExpressionResult))
+      return;
+    const e = this.value;
+    return Object.entries(this.renderingInfo.valueExpressionResult).map(([t, s]) => i`<calcite-combobox-item .selected=${e?.includes(t)} text-label=${t ?? a} .value=${t}>${s.map((r) => i`<calcite-combobox-item .selected=${e?.includes(r.value)} text-label=${r.label ?? a} .value=${r.value} data-testid=${`grouped-combobox-item-${r.value}`}></calcite-combobox-item>`)}</calcite-combobox-item>`);
+  }
+  renderMultiGroupedSelectNested() {
+    return l(this.attribute, "multi-grouped-select-nested") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-combobox id=${this.attributeKey ?? a} .label=${this.attribute.label} .name=${this.attributeKey} @calciteComboboxChange=${(e) => {
+      const t = e.target.value;
+      this.arcgisAttributeValueChange.emit({
+        [this.attributeKey]: t ? Array.isArray(t) ? t : [t] : void 0
+      });
+    }} .placeholder=${this.messages.selectoptions ?? "Select option(s)"} .required=${this.attribute.isRequired} .status=${this.validationMsg ? "invalid" : "valid"} validation-icon=exclamation-mark-triangle .validationMessage=${this.validationMsg} .value=${this.value}>${this._renderGroupedComboboxOptions()}</calcite-combobox></calcite-label>` : null;
+  }
+  render() {
+    switch (this.attribute.uiElement) {
+      case "checkbox":
+        return this.renderCheckbox();
+      case "date":
+        return this.renderDateInput();
+      case "multi-select":
+        return this.renderMultiSelect();
+      case "multi-grouped-select-nested":
+        return this.renderMultiGroupedSelectNested();
+      case "single-select":
+        return this.renderSingleSelect();
+      case "text":
+        return this.renderTextInput();
+      default:
+        return i`<div>Not Implemented Yet.</div>`;
+    }
+  }
+}
+o("arcgis-portal-classification-form-element", v);
+export {
+  v as ArcgisPortalClassificationFormElement
+};

package/dist/components/arcgis-portal-classification-form-element/index.d.ts

@@ -0,0 +1,9 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+import "@esri/calcite-components/components/calcite-input-date-picker";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-combobox";
+import "@esri/calcite-components/components/calcite-combobox-item";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-classification-form-element/index.js

@@ -0,0 +1,9 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+import "@esri/calcite-components/components/calcite-input-date-picker";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-combobox";
+import "@esri/calcite-components/components/calcite-combobox-item";
+export * from "./customElement.js";

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

@@ -0,0 +1,23 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { FieldDeleteOptions, IConfig } from '../../utils/types';
+
+export declare class ArcgisPortalFieldDelete extends LitElement {
+    /** For documentation links. */
+    config?: IConfig;
+    /** The fields to delete. */
+    fieldNames?: string[];
+    /** The layer whose field is being deleted. */
+    layer?: __esri.FeatureLayer | __esri.OrientedImageryLayer;
+    /** The MapView instance. */
+    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>;
+}

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

@@ -0,0 +1,263 @@
+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 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";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.144 */
+const n = /* @__PURE__ */ new Map();
+n.set("oid", "key");
+n.set("guid", "key");
+n.set("global-id", "key");
+n.set("blob", "binary");
+n.set("integer", "integer");
+n.set("small-integer", "integer");
+n.set("big-integer", "integer");
+n.set("single", "number");
+n.set("double", "number");
+n.set("long", "number");
+n.set("number", "number");
+n.set("date", "date-time");
+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 {
+  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, {
+      task: async ([e, t]) => {
+        if (!(D(e) && D(t)))
+          throw console.error("Required properties are missing."), new Error();
+        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();
+  }
+  static {
+    this.properties = { currentLayerInfo: 16, deleteInProgress: 16, fieldsAreDeletable: 16, config: 0, fieldNames: 0, layer: 0, mapView: 0, options: 0 };
+  }
+  static {
+    this.styles = W;
+  }
+  async processProps() {
+    const { layer: e, mapView: t, fieldNames: s } = this;
+    if (!e || !s) {
+      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)
+      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)
+        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) {
+      this.fieldsAreDeletable = !1;
+      return;
+    }
+    await S.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);
+    }
+  }
+  getFieldDisplayNameFromLayerFields(e) {
+    const t = this.layerFieldsMap.get(e);
+    return 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
+      }))
+    }, o = {
+      deleteFromDefinition: JSON.stringify(a)
+    };
+    await y(s, {
+      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) => {
+          e.type === "feature" && e.floorInfo?.floorField === i && (e.floorInfo = null);
+        });
+        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.updateFeatureService(i));
+        } 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);
+      });
+    }
+  }
+  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 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];
+            break;
+          }
+        !r && i.editable && (h[i.name] = i.defaultValue || null);
+      });
+      const m = new L({ attributes: h });
+      l.prototype = m, a.push(l);
+    }), a;
+  }
+  addType(e, t) {
+    e.types ? e.types.some((a) => a.id === t.id) || e.types.push(t) : e.types = [t];
+  }
+  async updateFeatureService(e) {
+    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 = {
+      f: "json",
+      updateDefinition: JSON.stringify(a)
+    };
+    await y(o, {
+      query: { ...l, f: "json" },
+      method: "post",
+      responseType: "json"
+    }).then(async (h) => {
+      if (h.data?.success) {
+        const m = `${w(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.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;
+        }
+        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);
+            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));
+                });
+              });
+              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 = {
+                f: "json",
+                text: JSON.stringify(f)
+              };
+              await y(g, {
+                query: {
+                  ...A
+                },
+                method: "post",
+                responseType: "json"
+              }).then((b) => {
+                b.data?.success ? this.handleSuccess() : this.handleError();
+              }, () => this.handleError());
+            } else
+              this.handleSuccess();
+          } else i.httpStatus === 200 && (!i.data || JSON.stringify(i.data) === "{}") ? this.handleSuccess() : this.handleError();
+        }, () => this.handleError());
+      }
+    }, () => this.handleError());
+  }
+  handleSuccess() {
+    this.arcgisFieldsDeleted.emit(), this.dialogNode?.value && (this.dialogNode.value.open = !1), this.options?.handleCloseOnConsumer ? this.arcgisBeforeModalClose.emit("success") : this.displaySuccessAlert();
+  }
+  handleError(e) {
+    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 = 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);
+  }
+  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);
+  }
+  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);
+  }
+  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>`)
+    });
+  }
+  renderError() {
+    const { messages: e } = this;
+    return p`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
+  }
+  renderDeleteLoader() {
+    const { messages: e, fieldNames: t, deleteInProgress: s } = this;
+    return p`<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>`;
+  }
+  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>`;
+    })}</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>`;
+  }
+  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());
+    }}>${t.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${t.length}`)}</calcite-button>`;
+  }
+}
+C("arcgis-portal-field-delete", _);
+export {
+  _ as ArcgisPortalFieldDelete
+};

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

@@ -0,0 +1,10 @@
+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-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -0,0 +1,10 @@
+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-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -0,0 +1,5 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+export interface LayerInfoData {
+    templates: __esri.FeatureTemplate[];
+    types: __esri.FeatureType[];
+}

package/dist/controllers/loadClassificationData.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ReactiveControllerHost } from 'lit';
+import { Task } from '@lit/task';
+import { ClassificationModel } from '../models/classificationModel';
+interface ExtendedReactiveControllerHost extends ReactiveControllerHost {
+    portalItem?: __esri.PortalItem;
+    itemClassification?: __esri.PortalItem["classification"];
+    classificationModel: ClassificationModel;
+}
+export declare const createLoadClassificationDataTask: (host: ExtendedReactiveControllerHost) => Task;
+export {};

package/dist/controllers/useClassificationModel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A controller that provides access to the classification model.
+ * 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">, "set" | "addHandles" | "declaredClass" | "destroyed" | "hasHandles" | "initialized" | "removeHandles" | "watch"> & {
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}) => import('../models/classificationModel').ClassificationModel;

package/dist/controllers/useT9n.d.ts

@@ -0,0 +1 @@
+export declare const useT9n: import('@arcgis/lumina/controllers').UseT9n;