@esri/solutions-components 1.2.0-next.56 → 1.2.0-next.58

package/dist/components/delete-dialog/customElement.js

@@ -1,11 +1,11 @@
-import { c as s } from "../../chunks/runtime.js";
-import { css as l, html as n } from "lit";
-import { u as a } from "../../chunks/useT9n.js";
-import { LitElement as o, createEvent as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
-const r = l`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent } from "@arcgis/lumina";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,37 +19,53 @@ const r = l`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}`;
-class c extends o {
+ */
+
+:host {
+  display: block;
+}`;
+class DeleteDialog extends LitElement {
   constructor() {
-    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = a({ name: "delete-dialog", blocking: !0 }), this.editsComplete = i(), this.deleteDialogClose = i();
+    super(...arguments);
+    this.ids = [];
+    this.open = false;
+    this._isDeleting = false;
+    this._translations = useT9n({ name: "delete-dialog", blocking: true });
+    this.editsComplete = createEvent();
+    this.deleteDialogClose = createEvent();
   }
   static {
-    this.properties = { ids: 0, layer: 0, open: 5, _isDeleting: 16, _translations: 16 };
+    this.properties = { ids: [0, {}, { attribute: false }], layer: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], _isDeleting: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = r;
+    this.styles = styles;
   }
   render() {
-    const e = this.layer?.title || "", t = this.ids.length === 1 ? (this._translations.confirmSingle || "").replace("{{layer-name}}", e) : (this._translations.confirmMultiple || "").replace("{{layer-name}}", e);
-    return n`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${t}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => {
-      this._deleteFeatures();
-    }} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
+    const title = this.layer?.title || "";
+    const confirmMessage = this.ids.length === 1 ? (this._translations.confirmSingle || "").replace("{{layer-name}}", title) : (this._translations.confirmMultiple || "").replace("{{layer-name}}", title);
+    return html`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${confirmMessage}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
   }
   async _deleteFeatures() {
     if (this.layer) {
-      this._isDeleting = !0;
-      const e = this.ids.map((t) => ({ objectId: Number(t) }));
+      this._isDeleting = true;
+      const deleteFeatures = this.ids.map((objectId) => {
+        return { objectId: Number(objectId) };
+      });
       await this.layer.applyEdits({
-        deleteFeatures: e
-      }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");
+        deleteFeatures
+      });
+      this._isDeleting = false;
+      this._close();
+      this.editsComplete.emit("delete");
     }
   }
   _close() {
-    this.open = !1, this.deleteDialogClose.emit();
+    this.open = false;
+    this.deleteDialogClose.emit();
   }
 }
-s("delete-dialog", c);
+customElement("delete-dialog", DeleteDialog);
 export {
-  c as DeleteDialog
+  DeleteDialog
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/delete-dialog/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/delete-dialog/delete-dialog.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport type { EditType } from '../../utils/interfaces';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  h,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './delete-dialog.css';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'delete-dialog': DeleteDialog;\r\n  }\r\n}\r\n\r\nexport class DeleteDialog extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** number[]: The ids that would be deleted */\r\n  @property() ids: (number | string)[] = [];\r\n\r\n  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */\r\n  @property() layer: __esri.FeatureLayer | undefined;\r\n\r\n  /** boolean: When true the delete dialog will be displayed */\r\n  @property() open = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: When true a loading indicator will be shown in the delete button */\r\n  @state() _isDeleting = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'delete-dialog', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when features have been deleted */\r\n  editsComplete = createEvent<EditType>();\r\n\r\n  /** Emitted on demand when features have been deleted */\r\n  deleteDialogClose = createEvent();\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const title = this.layer?.title || '';\r\n    const confirmMessage = this.ids.length === 1 ? (this._translations.confirmSingle || '').replace('{{layer-name}}', title) :\r\n      (this._translations.confirmMultiple || '').replace('{{layer-name}}', title);\r\n\r\n    return (\r\n      <calcite-dialog\r\n        heading={this._translations.deleteFeature}\r\n        kind='danger'\r\n        modal={true}\r\n        oncalciteDialogClose={() => this._close()}\r\n        open={this.open}\r\n        width='s'\r\n      >\r\n        <div>\r\n          {confirmMessage}\r\n        </div>\r\n        <calcite-button\r\n          appearance='outline'\r\n          kind='danger'\r\n          onClick={() => this._close()}\r\n          slot='footer-end'\r\n          width='full'\r\n        >\r\n          {this._translations.cancel}\r\n        </calcite-button>\r\n        <calcite-button\r\n          kind='danger'\r\n          loading={this._isDeleting}\r\n          onClick={() => void this._deleteFeatures()}\r\n          slot='footer-end'\r\n          width='full'\r\n        >\r\n          {this._translations.delete}\r\n        </calcite-button>\r\n      </calcite-dialog>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Delete the currently selected features */\r\n  private async _deleteFeatures(): Promise<void> {\r\n    if (this.layer) {\r\n      this._isDeleting = true;\r\n      const deleteFeatures = this.ids.map(objectId => {\r\n        return { objectId: Number(objectId) };\r\n      });\r\n      await this.layer.applyEdits({\r\n        deleteFeatures,\r\n      });\r\n      this._isDeleting = false;\r\n      this._close();\r\n      this.editsComplete.emit('delete');\r\n    }\r\n  }\r\n\r\n  /** Set the alertOpen member to false when the alert is closed */\r\n  private _close(): void {\r\n    this.open = false;\r\n    this.deleteDialogClose.emit();\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCM,MAAO,qBAAqB,WAAU;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAiBQ,SAAA,MAA2B,CAAA;AAM3B,SAAA,OAAO;AASV,SAAA,cAAc;AAMd,SAAA,gBAAgB,OAA0B,EAAE,MAAM,iBAAiB,UAAU,MAAM;AA2B5F,SAAA,gBAAgB,YAAA;AAGhB,SAAA,oBAAoB,YAAA;AAAA,EAAW;AAAA;;;EA5D/B,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EA+DhB,SAAiB;AACxB,UAAM,QAAQ,KAAK,OAAO,SAAS;AACnC,UAAM,iBAAiB,KAAK,IAAI,WAAW,KAAK,KAAK,cAAc,iBAAiB,IAAI,QAAQ,kBAAkB,KAAK,KACpH,KAAK,cAAc,mBAAmB,IAAI,QAAQ,kBAAkB,KAAK;AAE5E,WAAO,gCAEM,KAAK,cAAc,aAAa,0CAGnB,MAAM,KAAK,OAAA,CAAQ,UACnC,KAAK,IAAI,iBAIZ,cAAc,+DAKN,MAAM,KAAK,OAAA,CAAQ,+BAI3B,KAAK,cAAc,MAAM,yDAIjB,KAAK,WAAW,WAChB,MAAM,KAAK,KAAK,iBAAiB,+BAIzC,KAAK,cAAc,MAAM;AAAA,EAIlC;AAAA,EASA,MAAc,kBAAgC;AAC5C,QAAI,KAAK,OAAO;AACd,WAAK,cAAc;AACnB,YAAM,iBAAiB,KAAK,IAAI,IAAI,CAAA,aAAW;AAC7C,eAAO,EAAE,UAAU,OAAO,QAAQ,EAAA;AAAA,MACpC,CAAC;AACD,YAAM,KAAK,MAAM,WAAW;AAAA,QAC1B;AAAA,MAAA,CACD;AACD,WAAK,cAAc;AACnB,WAAK,OAAA;AACL,WAAK,cAAc,KAAK,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EAGQ,SAAc;AACpB,SAAK,OAAO;AACZ,SAAK,kBAAkB,KAAA;AAAA,EACzB;AACD;;"}

package/dist/components/edit-card/customElement.d.ts

@@ -23,9 +23,9 @@ export declare class EditCard extends LitElement {
      * @default 0
      */
     graphicIndex: number;
-    /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+    /** esri/Graphic[]: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
     graphics: __esri.Graphic[];
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * When true the component is displayed

package/dist/components/edit-card/customElement.js

@@ -1,15 +1,16 @@
-import { c as h } from "../../chunks/runtime.js";
-import { j as d } from "../../chunks/mapViewUtils.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { css as p, html as r } from "lit";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as m, createEvent as s, noShadowRoot as u, safeClassMap as n } from "@arcgis/lumina";
-import _ from "@arcgis/core/widgets/Editor";
-import * as o from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
-const w = p`@layer{/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { j as getAllFeatureLayers } from "../../chunks/mapViewUtils.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement, createEvent, noShadowRoot, safeClassMap } from "@arcgis/lumina";
+import Editor from "@arcgis/core/widgets/Editor";
+import * as reactiveUtils from "@arcgis/core/core/reactiveUtils";
+const styles = css`@layer{
+/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,79 +24,218 @@ const w = p`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}#feature-form{padding-top:0}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
-class y extends m {
+ */
+
+:host {
+  display: block;
+}
+
+#feature-form {
+  padding-top: 0px;
+}
+
+.esri-editor__prompt--danger {
+  position: relative !important;
+  width: 100% !important;
+  background-color: var(--calcite-color-foreground-1) !important;
+}
+
+.esri-feature__content-node {
+  background-color: var(--calcite-color-foreground-1) !important;
+}
+
+.hide-editor-toolbar .esri-editor__panel-toolbar {
+  display: none !important;
+}
+
+.position-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+}
+
+/* override the padding of the feature form */
+.esri-editor__panel-content {
+  padding-block: 10px !important;
+}
+}`;
+class EditCard extends LitElement {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = g(), this._shouldClose = !1, this._shouldEmitEditsComplete = !1, this.closeEdit = s(), this.editorInitialized = s(), this.editsComplete = s(), this.refreshGraphics = s(), this.creatingFeature = s(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
+    super();
+    this.enableEditGeometry = false;
+    this.enableSnapping = false;
+    this.graphicIndex = 0;
+    this.graphics = [];
+    this.open = false;
+    this.allowMultipleEditing = false;
+    this._editorLoading = false;
+    this._translations = useT9n({ name: "edit-card", blocking: true });
+    this._editContainer = createRef();
+    this._shouldClose = false;
+    this._shouldEmitEditsComplete = false;
+    this.closeEdit = createEvent();
+    this.editorInitialized = createEvent();
+    this.editsComplete = createEvent();
+    this.refreshGraphics = createEvent();
+    this.creatingFeature = createEvent();
+    this.listenOn(window, "featureSelectionChange", this.featureSelectionChange);
+    this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
-    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, allowMultipleEditing: 5, _editorLoading: 16, _translations: 16 };
+    this.properties = { enableEditGeometry: [5, {}, { type: Boolean }], enableSnapping: [5, {}, { type: Boolean }], graphicIndex: [9, {}, { type: Number }], graphics: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], allowMultipleEditing: [5, {}, { type: Boolean }], _editorLoading: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = w;
+    this.styles = styles;
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = noShadowRoot;
   }
   async graphicsWatchHandler() {
-    this.graphics.length === 0 && this.open && await this._closeEdit(!0);
+    if (this.graphics.length === 0 && this.open) {
+      await this._closeEdit(true);
+    }
   }
-  async openWatchHandler(t) {
-    t && this.graphics?.length > 0 && this.graphicIndex > -1 && (this._editorLoading = !0, await this._initEditorWidget(), this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose && await this._startUpdate(), this._editorLoading = !1), t || await this._closeEdit(!0);
+  async openWatchHandler(v) {
+    if (v && this.graphics?.length > 0 && this.graphicIndex > -1) {
+      this._editorLoading = true;
+      await this._initEditorWidget();
+      if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        await this._startUpdate();
+      }
+      this._editorLoading = false;
+    }
+    if (!v) {
+      await this._closeEdit(true);
+    }
   }
   async featureSelectionChange() {
-    this.open && await this._closeEdit(!1);
+    if (this.open) {
+      await this._closeEdit(false);
+    }
   }
   async mapChanged() {
-    this.open && await this._closeEdit(!1);
+    if (this.open) {
+      await this._closeEdit(false);
+    }
   }
-  willUpdate(t) {
-    if (t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
-      this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove();
-      const e = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
-      e && (this._layerEditHandle = e.on("edits", () => {
-        this._shouldEmitEditsComplete = !0;
-      }));
+  willUpdate(changes) {
+    if (changes.has("graphics")) {
+      void this.graphicsWatchHandler();
+    }
+    if (changes.has("open") && (this.hasUpdated || this.open !== false)) {
+      void this.openWatchHandler(this.open);
+    }
+    if (this.graphics?.length > 0 && this.graphics[0]?.layer) {
+      this._layer = this.graphics[0].layer;
+      if (this._layerEditHandle) {
+        this._layerEditHandle.remove();
+      }
+      const layer = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
+      if (layer) {
+        this._layerEditHandle = layer.on("edits", () => {
+          this._shouldEmitEditsComplete = true;
+        });
+      }
     }
   }
   render() {
-    const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, e = this._editorLoading ? "display-none" : "position-absolute", a = this._editorLoading ? "" : "display-none";
-    return r`<div class="position-absolute">${t ? r`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${n(e)} id=feature-form ${f(this._editContainer)}></div><calcite-loader class=${n(a)} label scale=s></calcite-loader></div></div>`;
+    const editDisabled = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : true;
+    const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
+    const loadingClass = this._editorLoading ? "" : "display-none";
+    return html`<div class="position-absolute">${editDisabled ? html`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${safeClassMap(tableNodeClass)} id=feature-form ${ref(this._editContainer)}></div><calcite-loader class=${safeClassMap(loadingClass)} label scale=s></calcite-loader></div></div>`;
   }
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
-      this._editor && this._editor.destroy();
-      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, l = e.map((i) => ({
-        layer: i,
-        geometryUpdatesEnabled: this.enableEditGeometry
-      }));
-      this._editor = new _({
+      if (this._editor) {
+        this._editor.destroy();
+      }
+      const container = document.createElement("div");
+      const layers = await getAllFeatureLayers(this.mapView);
+      const showSnappingTools = this.enableSnapping && this.enableEditGeometry;
+      const layerInfos = layers.map((layer) => {
+        return {
+          layer,
+          geometryUpdatesEnabled: this.enableEditGeometry
+        };
+      });
+      this._editor = new Editor({
         view: this.mapView,
-        layerInfos: l,
+        layerInfos,
         visibleElements: {
-          flow: !0,
-          settingsMenu: a,
-          sketch: !1,
-          snappingControls: a
+          flow: true,
+          settingsMenu: showSnappingTools,
+          sketch: false,
+          snappingControls: showSnappingTools
         },
-        container: t
-      }), this._attachmentHandle && this._activeWorkflowHandle && (this._attachmentHandle.remove(), this._activeWorkflowHandle.remove()), this._attachmentHandle = o.when(() => this._editor?.viewModel.state === "adding-attachment" || this._editor?.viewModel.state === "editing-attachment" || this._editor?.viewModel.state === "creating-features", () => {
-        this._shouldClose = !1;
-      }), this._activeWorkflowHandle = o.watch(() => this._editor?.viewModel.activeWorkflow, (i) => {
-        (i?.type === "update" || i?.type === "create-features") && (this._shouldClose = !1), (!i?.type && !i?.hasPendingEdits && !this._editor?.activeWorkflow || !this._editor?.activeWorkflow?.started) && (this.allowMultipleEditing = !1, this.open = !1);
-      }), o.watch(() => this._editor?.viewModel.state, (i) => {
-        i === "creating-features" && this.graphics[0].layer.isTable && !(this._editor?.viewModel).featureTemplatesLayers.items[0].isTable && this.creatingFeature.emit(), this._shouldEmitEditsComplete && i === "ready" && !this._editor?.activeWorkflow && (this.editsComplete.emit(), this._shouldEmitEditsComplete = !1);
-      }), this.enableSnapping || t.classList.add("hide-editor-toolbar"), this._editContainer.value && this._editContainer.value.appendChild(t), this._editor && this.editorInitialized.emit(this._editor);
+        container
+      });
+      if (this._attachmentHandle && this._activeWorkflowHandle) {
+        this._attachmentHandle.remove();
+        this._activeWorkflowHandle.remove();
+      }
+      this._attachmentHandle = reactiveUtils.when(() => this._editor?.viewModel.state === "adding-attachment" || this._editor?.viewModel.state === "editing-attachment" || this._editor?.viewModel.state === "creating-features", () => {
+        this._shouldClose = false;
+      });
+      this._activeWorkflowHandle = reactiveUtils.watch(() => this._editor?.viewModel.activeWorkflow, (activeWorkflow) => {
+        if (activeWorkflow?.type === "update" || activeWorkflow?.type === "create-features") {
+          this._shouldClose = false;
+        }
+        if (!activeWorkflow?.type && !activeWorkflow?.hasPendingEdits && !this._editor?.activeWorkflow || !this._editor?.activeWorkflow?.started) {
+          this.allowMultipleEditing = false;
+          this.open = false;
+        }
+      });
+      reactiveUtils.watch(() => this._editor?.viewModel.state, (state) => {
+        if (state === "creating-features" && this.graphics[0].layer.isTable && !(this._editor?.viewModel).featureTemplatesLayers.items[0].isTable) {
+          this.creatingFeature.emit();
+        }
+        if (this._shouldEmitEditsComplete && state === "ready" && !this._editor?.activeWorkflow) {
+          this.editsComplete.emit();
+          this._shouldEmitEditsComplete = false;
+        }
+      });
+      if (!this.enableSnapping) {
+        container.classList.add("hide-editor-toolbar");
+      }
+      if (this._editContainer.value) {
+        this._editContainer.value.appendChild(container);
+      }
+      this._editor && this.editorInitialized.emit(this._editor);
     }
   }
-  async _closeEdit(t) {
-    this._shouldClose = !0, t && this._editor?.activeWorkflow ? (this._editor.activeWorkflow?.activeWorkflow?.hasPendingEdits && (await this._editor.activeWorkflow.reset(), await this._editor.cancelWorkflow()), this._editor.destroy()) : this.graphicIndex > -1 && this.graphics?.length > 0 && this.refreshGraphics.emit(this.graphics), this.enableSnapping && ((this.mapView?.ui.view).grid = null), this._shouldClose = !1, this.closeEdit.emit();
+  async _closeEdit(destroyOnClose) {
+    this._shouldClose = true;
+    if (destroyOnClose && this._editor?.activeWorkflow) {
+      if (this._editor.activeWorkflow?.activeWorkflow?.hasPendingEdits) {
+        await this._editor.activeWorkflow.reset();
+        await this._editor.cancelWorkflow();
+      }
+      this._editor.destroy();
+    } else {
+      if (this.graphicIndex > -1 && this.graphics?.length > 0) {
+        this.refreshGraphics.emit(this.graphics);
+      }
+    }
+    if (this.enableSnapping) {
+      (this.mapView?.ui.view).grid = null;
+    }
+    this._shouldClose = false;
+    this.closeEdit.emit();
   }
   async _startUpdate() {
-    this.allowMultipleEditing ? await this._editor?.startUpdateFeaturesWorkflow(this.graphics) : await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
+    if (this.allowMultipleEditing) {
+      await this._editor?.startUpdateFeaturesWorkflow(this.graphics);
+    } else {
+      await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+    }
+    this._shouldClose = true;
   }
 }
-h("edit-card", y);
+customElement("edit-card", EditCard);
 export {
-  y as EditCard
+  EditCard
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/edit-card/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/edit-card/edit-card.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { getAllFeatureLayers } from '../../utils/mapViewUtils';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  h,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './edit-card.css';\r\nimport Editor from '@arcgis/core/widgets/Editor';\r\nimport * as reactiveUtils from '@arcgis/core/core/reactiveUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'edit-card': EditCard;\r\n  }\r\n}\r\n\r\nexport class EditCard extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn(window, 'featureSelectionChange', this.featureSelectionChange);\r\n    this.listenOn(window, 'mapChanged', this.mapChanged);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** When true the geometry of the current feature will be editable */\r\n  @property() enableEditGeometry = false;\r\n\r\n  /** When true the snapping options will be exposed */\r\n  @property() enableSnapping = false;\r\n\r\n  /** The index of the current graphic */\r\n  @property() graphicIndex = 0;\r\n\r\n  /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */\r\n  @property() graphics: __esri.Graphic[] = [];\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** When true the component is displayed */\r\n  @property() open = false;\r\n\r\n  /** When true allow multiple editing */\r\n  @property() allowMultipleEditing = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: When true a loading indicator will be shown while the editor loads */\r\n  @state() _editorLoading = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'edit-card', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _activeWorkflowHandle: __esri.WatchHandle | undefined;\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _attachmentHandle: __esri.WatchHandle | undefined;\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _layerEditHandle: __esri.WatchHandle | undefined;\r\n\r\n  /**\r\n   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html\r\n   * The Editor instance\r\n   */\r\n  private _editor: __esri.Editor | undefined;\r\n\r\n  /**\r\n   * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html\r\n   * OR\r\n   * esri/layers/support/SubtypeSublayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-SubtypeSublayer.html\r\n   */\r\n  private _layer: __esri.FeatureLayer | __esri.SubtypeSublayer | undefined;\r\n\r\n  /** HTMLDivElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement */\r\n  private _editContainer = createRef<HTMLDivElement>();\r\n\r\n  /**\r\n   * boolean: When true the Editor widget should be closed\r\n   * Without this logic we are taken to the Editors 'Select' workflow step\r\n   */\r\n  private _shouldClose = false;\r\n\r\n  /**boolean: When true allow editsComplete to be emited */\r\n  private _shouldEmitEditsComplete = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Watch for changes to the graphics and update the feature widget */\r\n  private async graphicsWatchHandler(): Promise<void> {\r\n    if (this.graphics.length === 0 && this.open) {\r\n      await this._closeEdit(true);\r\n    }\r\n  }\r\n\r\n  // TODO doc\r\n  private async openWatchHandler(\r\n    v: boolean\r\n  ): Promise<void> {\r\n    if (v && this.graphics?.length > 0 && this.graphicIndex > -1) {\r\n      this._editorLoading = true;\r\n      await this._initEditorWidget();\r\n      if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {\r\n        await this._startUpdate();\r\n      }\r\n      this._editorLoading = false;\r\n    }\r\n    if (!v) {\r\n      await this._closeEdit(true);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the Editor widget should be closed */\r\n  closeEdit = createEvent();\r\n\r\n  /** Emit the Editor when it is initialized */\r\n  editorInitialized = createEvent<__esri.Editor>();\r\n\r\n  /** Emitted on demand when edits are completed on current edit layer */\r\n  editsComplete = createEvent();\r\n\r\n  /**\r\n   * Emitted on demand when the editor is closed to handle\r\n   * things like attachment updates that don't fire the standard edit update event when complete\r\n   */\r\n  refreshGraphics = createEvent<__esri.Graphic[]>();\r\n\r\n  /**\r\n   * Event emitted upon selection of a table and invocation of feature addition from the related layer during an active edit workflow.\r\n   */\r\n  creatingFeature = createEvent();\r\n\r\n  // TODO doc\r\n  private async featureSelectionChange(): Promise<void> {\r\n    if (this.open) {\r\n      await this._closeEdit(false);\r\n    }\r\n  }\r\n\r\n  /** Closes the edit widget when map is changes */\r\n  private async mapChanged(): Promise<void> {\r\n    if (this.open) {\r\n      await this._closeEdit(false);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Special handeling when used with layer-table.\r\n   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  override willUpdate(\r\n    changes: PropertyValues<this>\r\n  ): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n    if (changes.has('graphics')) {\r\n      void this.graphicsWatchHandler();\r\n    }\r\n\r\n    if (changes.has('open') && (this.hasUpdated || this.open !== false)) {\r\n      void this.openWatchHandler(this.open);\r\n    }\r\n\r\n    if (this.graphics?.length > 0 && this.graphics[0]?.layer) {\r\n      this._layer = this.graphics[0].layer as __esri.FeatureLayer | __esri.SubtypeSublayer;\r\n      if (this._layerEditHandle) {\r\n        this._layerEditHandle.remove();\r\n      }\r\n\r\n      // #896 Editing on sybtype group layer is failing in Manager\r\n      const layer = this._layer.type === 'subtype-sublayer' ? this._layer.parent : this._layer;\r\n      if (layer) {\r\n        this._layerEditHandle = layer.on('edits', () => {\r\n          this._shouldEmitEditsComplete = true;\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    // This is a temp workaround hopefully...this._editingDisabled should reflect the current state but does not\r\n    // when you use MULTI edit mode...is fine in SINGLE\r\n    const editDisabled = this.graphics?.length > 0 && this.graphics[0] ? !(this.graphics[0].layer as __esri.FeatureLayer).editingEnabled : true;\r\n    const tableNodeClass = this._editorLoading ? 'display-none' : 'position-absolute';\r\n    const loadingClass = this._editorLoading ? '' : 'display-none';\r\n    return (\r\n      <div class='position-absolute'>\r\n        {editDisabled ? (\r\n          <calcite-notice\r\n            kind='warning'\r\n            open={true}\r\n            slot='content-top'\r\n            width='full'\r\n          >\r\n            <div slot='message'>\r\n              {this._translations.enableEditing}\r\n            </div>\r\n          </calcite-notice>\r\n        ) : undefined}\r\n        <div class='position-absolute'>\r\n          <div\r\n            class={tableNodeClass}\r\n            id='feature-form'\r\n            ref={this._editContainer}\r\n          />\r\n          <calcite-loader\r\n            class={loadingClass}\r\n            label=''\r\n            scale='s'\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Init the Editor widget so we can display the popup content */\r\n  private async _initEditorWidget(): Promise<void> {\r\n    if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {\r\n      if (this._editor) {\r\n        this._editor.destroy();\r\n      }\r\n      const container = document.createElement('div');\r\n      const layers = await getAllFeatureLayers(this.mapView);\r\n      const showSnappingTools = this.enableSnapping && this.enableEditGeometry;\r\n      const layerInfos = layers.map(layer => {\r\n        return {\r\n          layer,\r\n          geometryUpdatesEnabled: this.enableEditGeometry,\r\n        } as any;\r\n      });\r\n      this._editor = new Editor({\r\n        view: this.mapView,\r\n        layerInfos,\r\n        visibleElements: {\r\n          flow: true,\r\n          settingsMenu: showSnappingTools,\r\n          sketch: false,\r\n          snappingControls: showSnappingTools,\r\n        } as any,\r\n        container,\r\n      });\r\n\r\n      if (this._attachmentHandle && this._activeWorkflowHandle) {\r\n        this._attachmentHandle.remove();\r\n        this._activeWorkflowHandle.remove();\r\n      }\r\n\r\n      this._attachmentHandle = reactiveUtils.when(\r\n        () => this._editor?.viewModel.state === 'adding-attachment' ||\r\n          this._editor?.viewModel.state === 'editing-attachment' ||\r\n          this._editor?.viewModel.state === 'creating-features',\r\n        () => {\r\n          this._shouldClose = false;\r\n        },\r\n      );\r\n\r\n      this._activeWorkflowHandle = reactiveUtils.watch(\r\n        () => this._editor?.viewModel.activeWorkflow,\r\n        (activeWorkflow: __esri.EditorViewModel['activeWorkflow']) => {\r\n          if (activeWorkflow?.type === 'update' || activeWorkflow?.type === 'create-features') {\r\n            this._shouldClose = false;\r\n          }\r\n\r\n          // Handle back click and when feature is de-selected from the table\r\n          // this ensures that we are not shown the Editors 'Select' workflow step\r\n          if ((!activeWorkflow?.type &&\r\n            !(activeWorkflow as any)?.hasPendingEdits &&\r\n            !this._editor?.activeWorkflow) || !this._editor?.activeWorkflow?.started\r\n          ) {\r\n            this.allowMultipleEditing = false;\r\n            this.open = false;\r\n          }\r\n        },\r\n      );\r\n\r\n      // Tried to emit this editsComplete event in case of batch editing\r\n      // But the edit card shows the discard popup after this emit\r\n      // So emiting this event when state is ready\r\n      reactiveUtils.watch(\r\n        () => this._editor?.viewModel.state,\r\n        (state: __esri.EditorViewModel['state'] | undefined) => {\r\n          // If adding a feature from the related layer during an active edit session\r\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\r\n          if (state === 'creating-features' &&\r\n            (this.graphics[0].layer as __esri.FeatureLayer).isTable &&\r\n            !(this._editor?.viewModel as any).featureTemplatesLayers.items[0].isTable\r\n          ) {\r\n            this.creatingFeature.emit();\r\n          }\r\n          if (this._shouldEmitEditsComplete && state === 'ready' && !this._editor?.activeWorkflow) {\r\n            this.editsComplete.emit();\r\n            this._shouldEmitEditsComplete = false;\r\n          }\r\n        });\r\n\r\n      if (!this.enableSnapping) {\r\n        container.classList.add('hide-editor-toolbar');\r\n      }\r\n\r\n      if (this._editContainer.value) {\r\n        // had issues with destroy before adding like this\r\n        this._editContainer.value.appendChild(container);\r\n      }\r\n\r\n      this._editor && this.editorInitialized.emit(this._editor);\r\n    }\r\n  }\r\n\r\n  /** Close the edit widget */\r\n  private async _closeEdit(\r\n    destroyOnClose: boolean\r\n  ): Promise<void> {\r\n    this._shouldClose = true;\r\n    if (destroyOnClose && this._editor?.activeWorkflow) {\r\n      if ((this._editor.activeWorkflow as any)?.activeWorkflow?.hasPendingEdits) {\r\n        await this._editor.activeWorkflow.reset();\r\n        await this._editor.cancelWorkflow();\r\n      }\r\n      this._editor.destroy();\r\n    } else {\r\n      if (this.graphicIndex > -1 && this.graphics?.length > 0) {\r\n        this.refreshGraphics.emit(this.graphics);\r\n      }\r\n    }\r\n    // While closing edit card clear the grid from map if enabled from snapping tools\r\n    if (this.enableSnapping) {\r\n      (this.mapView?.ui.view as any).grid = null;\r\n    }\r\n    this._shouldClose = false;\r\n    this.closeEdit.emit();\r\n  }\r\n\r\n  /** Start the update workflow for the editor widget */\r\n  private async _startUpdate(): Promise<void> {\r\n    // If multiple editing is allowed, starts the update workflow for multiple selected features.\r\n    // Otherwise, starts the update workflow for a single feature at the specified index.\r\n    if (this.allowMultipleEditing) {\r\n      await this._editor?.startUpdateFeaturesWorkflow(this.graphics);\r\n    } else {\r\n      await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);\r\n    }\r\n    this._shouldClose = true;\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

package/dist/components/feature-details/customElement.d.ts

@@ -12,9 +12,9 @@ export declare class FeatureDetails extends LitElement {
      * @default false
      */
     enableSnapping: boolean;
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
-    /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+    /** esri/Graphic: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
     graphics: __esri.Graphic[];
     /** IReportingOptions: Key options for reporting */
     reportingOptions: IReportingOptions | undefined;