@arcgis/portal-components 5.0.0-next.8 → 5.0.0-next.80

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.80 */
+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-ui-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-ui-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-ui-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(e) {
+    e.has("value") && this.validate(e.get("value"));
+  }
+  isValidCoord(e, r, t) {
+    if (!e?.match(/^-?[0-9]*(\.|,)?[0-9]+$/u))
+      return !1;
+    const i = this.parseNumber(e);
+    return i >= r && i <= t;
+  }
+  validate(e) {
+    if (this.isInvalid = !this.isValidCoord(e, this.min, this.max), this.isInvalid)
+      return this.currentError = this.errorMessage, !1;
+    const r = this.parseNumber(e);
+    return this.isInvalid = !this.validateRelated(r), this.isInvalid ? (this.currentError = this.relatedErrorMessage, !1) : !0;
+  }
+  parseNumber(e) {
+    const r = `-${Array.from({ length: 10 }, (i, l) => l.toString()).join("")}`;
+    let t = e.replace(",", ".");
+    return t = Array.from(t).filter((i) => r.includes(i) || i === ".").join(""), parseFloat(t);
+  }
+  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=${(e) => {
+      this.inputValue = e.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,18 @@
 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 { html as p, css as M } from "lit";
+import { LitElement as O, createEvent as v, renderElement as T } from "@arcgis/lumina";
+import { createRef as I, ref as N } from "lit/directives/ref.js";
+import { Task as P } 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 B 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 { a as j, g as U, b as q, d as R, s as J, e as D, f as z, i as w } from "../../chunks/fieldAddDelete.js";
+import { u as W } from "../../chunks/useT9n.js";
 /*! 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.8 */
+v5.0.0-next.80 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -30,23 +30,23 @@ 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 _ = ({ fieldType: $ }) => p`<calcite-icon scale=s .icon=${n.get($)}></calcite-icon>`, V = 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 G extends O {
   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 = I(), this.dialogNode = I(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = W({ blocking: !0 }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this._propWatcherTask = new P(this, {
       task: async ([e, t]) => {
-        if (!(D(e) && D(t)))
+        if (!(w(e) && w(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();
+    }), this.arcgisBeforeModalClose = v(), this.arcgisClose = v(), this.arcgisBeforeDelete = v(), this.arcgisFieldsDeleted = v();
   }
   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 = V;
   }
   async processProps() {
     const { layer: e, mapView: t, fieldNames: s } = this;
@@ -59,7 +59,7 @@ 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 j(t, e, r, this.options)));
       if (this.fieldsAreDeletable = o.every((r) => r), !this.fieldsAreDeletable)
         return;
     }
@@ -67,7 +67,7 @@ class V extends M {
       this.fieldsAreDeletable = !1;
       return;
     }
-    await j.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
+    await B.getCredential(this.item.url.replace("rest/services", "rest/admin/services"));
   }
   getFieldLabel(e) {
     const { layer: t, arcadeExpMap: s } = this;
@@ -75,12 +75,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 ? R(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 J(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 = {
@@ -161,7 +161,7 @@ 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 u = `${D(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));
@@ -185,11 +185,11 @@ class V extends M {
               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));
+                c.popupInfo.fieldInfos = c.popupInfo.fieldInfos.filter((F) => F.fieldName !== b), c.popupInfo.popupElements?.forEach((F, E) => {
+                  F.type === "fields" && F.fieldInfos && (c.popupInfo.popupElements[E].fieldInfos = c.popupInfo.popupElements[E].fieldInfos.filter((C) => C.fieldName !== b));
                 });
               });
-              const g = `${w(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, f = {};
+              const g = `${D(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 = {
                 f: "json",
@@ -247,7 +247,7 @@ class V extends M {
     const { fieldNames: e, layerFields: t, layerFieldsMap: s, arcadeExpMap: a, messages: o } = this;
     return p`<calcite-list .label=${o.fields}>${e.map((r) => {
       const h = t.find((u) => u.name === r);
-      return p`<calcite-list-item .label=${this.getFieldLabel(r)} .description=${`{${r}}`} .value=${r} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${W({ fieldType: J(r, s, a) })}</div></calcite-list-item>`;
+      return p`<calcite-list-item .label=${this.getFieldLabel(r)} .description=${`{${r}}`} .value=${r} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${_({ fieldType: z(r, s, a) })}</div></calcite-list-item>`;
     })}</calcite-list>`;
   }
   renderCancelButton() {
@@ -258,11 +258,11 @@ class V extends M {
     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);
+k("arcgis-portal-field-delete", G);
 export {
-  V as ArcgisPortalFieldDelete
+  G as ArcgisPortalFieldDelete
 };