@arcgis/portal-components 5.0.0-next.79 → 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.js

@@ -12,7 +12,7 @@ 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 "
 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.79 */
+v5.0.0-next.80 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-12-04T04:38:37",
+  "timestamp": "2025-12-04T19:07:51",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.79",
+    "version": "5.0.0-next.80",
     "typescriptVersion": "5.9.3"
   },
   "schemaVersion": "2.1.0",
@@ -972,6 +972,270 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/arcgis-portal-extent-picker",
+      "sourcePath": "src/components/portal-extent-picker/portal-extent-picker.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisPortalExtentPicker",
+          "tagName": "arcgis-portal-extent-picker",
+          "description": "To select extent value from a map or by entering coordinates.",
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisPortalExtentPicker",
+          "importPath": "components/arcgis-portal-extent-picker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "active",
+              "description": "if true, open the dialog",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "active"
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisPortalExtentPicker = document.querySelector(\"arcgis-portal-extent-picker\");\ndocument.body.append(arcgisPortalExtentPicker);\nawait arcgisPortalExtentPicker.componentOnReady();\nconsole.log(\"arcgis-portal-extent-picker is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "contentOnly",
+              "description": "Optional; if true, show only the content without the calcite-dialog wrapper",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "content-only"
+            },
+            {
+              "kind": "field",
+              "name": "extentService",
+              "description": "Optional; URL of the extent service, used to initialize TileLayer",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "extent-service"
+            },
+            {
+              "kind": "field",
+              "name": "extentValue",
+              "description": "current extent value",
+              "type": {
+                "text": "{\n    ymin: string;\n    ymax: string;\n    xmin: string;\n    xmax: string;\n}"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getExtent",
+              "description": "Returns the current extent value",
+              "return": {
+                "type": {
+                  "text": "{ extent: ExtentValue; }"
+                }
+              },
+              "signature": "(): ExtentObj"
+            },
+            {
+              "kind": "field",
+              "name": "isArea",
+              "description": "Optional; if true, display texts that are for areas rather than the default extent texts",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "is-area"
+            },
+            {
+              "kind": "field",
+              "name": "itemId",
+              "description": "Optional; if passed, use the itemId to load the Portal item",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "item-id"
+            },
+            {
+              "kind": "field",
+              "name": "portal",
+              "description": "Optional; Portal instance",
+              "type": {
+                "text": "Portal",
+                "references": [
+                  {
+                    "name": "Portal",
+                    "package": "@arcgis/core",
+                    "module": "portal/Portal.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html",
+                    "start": 0,
+                    "end": 6
+                  }
+                ]
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "active",
+              "description": "if true, open the dialog",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "active"
+            },
+            {
+              "name": "content-only",
+              "description": "Optional; if true, show only the content without the calcite-dialog wrapper",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "contentOnly"
+            },
+            {
+              "name": "extent-service",
+              "description": "Optional; URL of the extent service, used to initialize TileLayer",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "extentService"
+            },
+            {
+              "name": "is-area",
+              "description": "Optional; if true, display texts that are for areas rather than the default extent texts",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "isArea"
+            },
+            {
+              "name": "item-id",
+              "description": "Optional; if passed, use the itemId to load the Portal item",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "itemId"
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisExtentPickerChange",
+              "description": "Emitted when the extent value changes",
+              "type": {
+                "text": "{ extent: ExtentValue; }"
+              }
+            },
+            {
+              "name": "arcgisExtentPickerClose",
+              "description": "Emitted when the dialog is closed",
+              "type": {
+                "text": "void"
+              }
+            },
+            {
+              "name": "arcgisExtentPickerSave",
+              "description": "Emitted when the save button is clicked",
+              "type": {
+                "text": "{ extent: ExtentValue; }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-portal-extent-picker",
+          "declaration": {
+            "name": "ArcgisPortalExtentPicker"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/arcgis-portal-field-delete",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-12-04T04:38:37",
+  "timestamp": "2025-12-04T19:07:51",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.79",
+    "version": "5.0.0-next.80",
     "typescriptVersion": "5.9.3"
   },
   "components": [
@@ -847,6 +847,271 @@
       "parts": [],
       "listeners": []
     },
+    {
+      "filePath": "src/components/portal-extent-picker/portal-extent-picker.tsx",
+      "tag": "arcgis-portal-extent-picker",
+      "overview": "",
+      "readme": "",
+      "usage": {},
+      "docs": "To select extent value from a map or by entering coordinates.",
+      "docsTags": [
+        {
+          "name": "superclass",
+          "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+        }
+      ],
+      "encapsulation": "shadow",
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {},
+      "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active",
+          "reflectToAttr": false,
+          "docs": "if true, open the dialog",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "contentOnly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "content-only",
+          "reflectToAttr": false,
+          "docs": "Optional; if true, show only the content without the calcite-dialog wrapper",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "extentService",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "extent-service",
+          "reflectToAttr": false,
+          "docs": "Optional; URL of the extent service, used to initialize TileLayer",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "extentValue",
+          "type": "{\n    ymin: string;\n    ymax: string;\n    xmin: string;\n    xmax: string;\n}",
+          "complexType": {
+            "original": "{\n    ymin: string;\n    ymax: string;\n    xmin: string;\n    xmax: string;\n}",
+            "resolved": "{\n    ymin: string;\n    ymax: string;\n    xmin: string;\n    xmax: string;\n}",
+            "references": {}
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "current extent value",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "isArea",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "is-area",
+          "reflectToAttr": false,
+          "docs": "Optional; if true, display texts that are for areas rather than the default extent texts",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "itemId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "item-id",
+          "reflectToAttr": false,
+          "docs": "Optional; if passed, use the itemId to load the Portal item",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "portal",
+          "type": "Portal",
+          "complexType": {
+            "original": "Portal",
+            "resolved": "Portal",
+            "references": {
+              "Portal": {
+                "location": "import",
+                "path": "@arcgis/core/portal/Portal.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Optional; Portal instance",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "componentOnReady",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): Promise<void>",
+            "parameters": [],
+            "return": "Promise<void>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "componentOnReady(): Promise<void>",
+          "parameters": [],
+          "docs": "Create a promise that resolves once component is fully loaded.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\nconst arcgisPortalExtentPicker = document.querySelector(\"arcgis-portal-extent-picker\");\ndocument.body.append(arcgisPortalExtentPicker);\nawait arcgisPortalExtentPicker.componentOnReady();\nconsole.log(\"arcgis-portal-extent-picker is ready to go!\");\n```"
+            },
+            {
+              "name": "inheritedFrom",
+              "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+            }
+          ]
+        },
+        {
+          "name": "getExtent",
+          "returns": {
+            "type": "{ extent: ExtentValue; }",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): ExtentObj",
+            "parameters": [],
+            "return": "{ extent: ExtentValue; }",
+            "references": {}
+          },
+          "signature": "getExtent(): ExtentObj",
+          "parameters": [],
+          "docs": "Returns the current extent value",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "arcgisExtentPickerChange",
+          "detail": "{ extent: ExtentValue; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ extent: ExtentValue; }",
+            "resolved": "{ extent: ExtentValue; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the extent value changes",
+          "docsTags": []
+        },
+        {
+          "event": "arcgisExtentPickerClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the dialog is closed",
+          "docsTags": []
+        },
+        {
+          "event": "arcgisExtentPickerSave",
+          "detail": "{ extent: ExtentValue; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ extent: ExtentValue; }",
+            "resolved": "{ extent: ExtentValue; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the save button is clicked",
+          "docsTags": []
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "listeners": []
+    },
     {
       "filePath": "src/components/portal-field-delete/portal-field-delete.tsx",
       "tag": "arcgis-portal-field-delete",

package/dist/docs/vscode.html-custom-data.json

@@ -88,6 +88,38 @@
       ],
       "references": []
     },
+    {
+      "name": "arcgis-portal-extent-picker",
+      "description": "To select extent value from a map or by entering coordinates.\n--\n\n### Events\n- **arcgisExtentPickerChange** - Emitted when the extent value changes\n- **arcgisExtentPickerClose** - Emitted when the dialog is closed\n- **arcgisExtentPickerSave** - Emitted when the save button is clicked\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getExtent(): ExtentObj` - Returns the current extent value",
+      "attributes": [
+        {
+          "name": "active",
+          "description": "if true, open the dialog",
+          "values": []
+        },
+        {
+          "name": "content-only",
+          "description": "Optional; if true, show only the content without the calcite-dialog wrapper",
+          "values": []
+        },
+        {
+          "name": "extent-service",
+          "description": "Optional; URL of the extent service, used to initialize TileLayer",
+          "values": []
+        },
+        {
+          "name": "is-area",
+          "description": "Optional; if true, display texts that are for areas rather than the default extent texts",
+          "values": []
+        },
+        {
+          "name": "item-id",
+          "description": "Optional; if passed, use the itemId to load the Portal item",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "arcgis-portal-field-delete",
       "description": "### Events\n- **arcgisBeforeDelete** - Emitted when the user initiates the delete process.\n- **arcgisBeforeModalClose** - Emitted before the modal is closed if the alert is handled in consumer.\n- **arcgisClose** - Emitted when the component is closed for any reason.\n- **arcgisFieldsDeleted** - Emitted when the field is successfully deleted.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",