@esri/solutions-components 1.2.0-next.33 → 1.2.0-next.35

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

@@ -112,6 +112,7 @@ export declare class CreateFeature extends LitElement {
     /**
      * Refreshes the editor state, optionally updating the floor level.
      *
+     * @param floorLevel
      * @param floorLevel - (Optional) The floor level to set. If provided, the editor updates to this floor level.
      * @returns A promise that resolves when the refresh operation is complete.
      */

package/dist/components/create-feature/customElement.js

@@ -1,14 +1,22 @@
-import { c as _ } from "../../chunks/runtime.js";
-import { l as y } from "../../chunks/loadModules.js";
-import { j as M, d as f } from "../../chunks/mapViewUtils.js";
+import { c as y } from "../../chunks/runtime.js";
+import { j as M, d as g } from "../../chunks/mapViewUtils.js";
 import { u as v } from "../../chunks/useT9n.js";
-import { css as b, html as c } from "lit";
-import { createRef as p, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as l, noShadowRoot as V, safeClassMap as u } from "@arcgis/lumina";
+import { css as b, html as p } from "lit";
+import { createRef as m, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as L, createEvent as l, noShadowRoot as V, safeClassMap as w } from "@arcgis/lumina";
+import S from "@arcgis/core/widgets/Editor";
+import E from "@arcgis/core/form/ExpressionInfo";
+import C from "@arcgis/core/layers/FeatureLayer";
+import F from "@arcgis/core/form/elements/FieldElement";
+import k from "@arcgis/core/form/FormTemplate";
+import A from "@arcgis/core/views/MapView";
+import x from "@arcgis/core/widgets/Home";
+import T from "@arcgis/core/widgets/Search";
+import * as c 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.33 */
-const E = b`@layer{/** @license
+v1.2.0-next.35 */
+const I = b`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,15 +31,15 @@ const E = b`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}@media only screen and (max-width:600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`;
-class S extends L {
+class P extends L {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this._currentPage = "templatePicker", this._editorLoading = !1, this._inValidGeomtryDrawn = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchDiv = p(), this._guidingMessageRefNode = p(), this.success = l(), this.fail = l(), this.drawComplete = l(), this.editingLocation = l(), this.editingAttachment = l(), this.progressStatus = l(), this.modeChanged = l();
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this._currentPage = "templatePicker", this._editorLoading = !1, this._inValidGeomtryDrawn = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = m(), this._isSubmitBtnClicked = !1, this._mapViewContainer = m(), this._searchDiv = m(), this._guidingMessageRefNode = m(), this.success = l(), this.fail = l(), this.drawComplete = l(), this.editingLocation = l(), this.editingAttachment = l(), this.progressStatus = l(), this.modeChanged = l();
   }
   static {
     this.properties = { customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, updateMapPosition: 5, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, showSketchWidgets: 5, allowMultipleCreation: 5, popupEnabled: 5, _currentPage: 16, _editorLoading: 16, _inValidGeomtryDrawn: 16, _translations: 16 };
   }
   static {
-    this.styles = E;
+    this.styles = I;
   }
   static {
     this.shadowRootOptions = V;
@@ -71,9 +79,6 @@ class S extends L {
   async showForm() {
     this.progressStatus.emit(100), this._container?.classList.remove("display-none"), this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), this._currentPage = "featureForm";
   }
-  async load() {
-    await this.initModules();
-  }
   async loaded() {
     await this.init();
   }
@@ -92,26 +97,13 @@ class S extends L {
   render() {
     const e = this._currentPage === "drawing" || this._currentPage === "editing" ? "" : "display-none", t = this._editorLoading ? "" : "display-none", o = this._editorLoading ? "display-none" : "", i = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", s = this._inValidGeomtryDrawn ? "danger" : "success", d = this._inValidGeomtryDrawn ? "exclamation-mark-triangle" : "lightbulb", a = this.showGuidingMsg && this._currentPage !== "templatePicker";
     let n = this._translations.chooseCategoryMsg;
-    return this._inValidGeomtryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" && (n = this._translations.provideDetailsMsg), c`${a && c`<calcite-notice class="notice-msg" .icon=${d} .kind=${s} open ${m(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${m(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}<calcite-loader class=${u(t)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && c`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}<div class=${u(o)} id=feature-form></div>${this.enableSearch && c`<div class=${`search-widget ${e} ${o}`} id=search-widget-ref ${m(this._searchDiv)}></div>` || ""}<div class=${u(i)} ${m(this._mapViewContainer)}></div>`;
+    return this._inValidGeomtryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" && (n = this._translations.provideDetailsMsg), p`${a && p`<calcite-notice class="notice-msg" .icon=${d} .kind=${s} open ${u(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${u(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}<calcite-loader class=${w(t)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && p`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}<div class=${w(o)} id=feature-form></div>${this.enableSearch && p`<div class=${`search-widget ${e} ${o}`} id=search-widget-ref ${u(this._searchDiv)}></div>` || ""}<div class=${w(i)} ${u(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadWidgets()));
   }
-  async initModules() {
-    const [e, t, o, i, s, d, a, n] = await y([
-      "esri/widgets/Editor",
-      "esri/core/reactiveUtils",
-      "esri/widgets/Search",
-      "esri/form/ExpressionInfo",
-      "esri/form/elements/FieldElement",
-      "esri/form/FormTemplate",
-      "esri/views/MapView",
-      "esri/widgets/Home"
-    ]);
-    this.Editor = e, this.reactiveUtils = t, this.Search = o, this.ExpressionInfo = i, this.FieldElement = s, this.FormTemplate = d, this.MapView = a, this.Home = n;
-  }
   async createMobileMapView() {
-    this._mapViewContainer.value && this.MapView && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new this.MapView({
+    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new A({
       map: this.mapView.map,
       container: this._mapViewContainer.value,
       zoom: this.mapView.zoom,
@@ -119,7 +111,7 @@ class S extends L {
       popupEnabled: this.popupEnabled
     }).when((e) => {
       this._updatedMapView = e;
-      const t = this.Home && new this.Home({
+      const t = new x({
         view: this._updatedMapView
       });
       t && this._updatedMapView.ui.add(t, "top-left"), this._loadWidgets();
@@ -134,7 +126,7 @@ class S extends L {
     this._editor && this._editor.destroy();
     const e = [];
     this._container = document.createElement("div"), this._container?.classList.add("display-none"), this.enableSnapping || this._container.classList.add("hide-editor-toolbar");
-    const t = this._updatedMapView && await M(this._updatedMapView), o = this.mapView && await f(this.mapView, this.selectedLayerId);
+    const t = this._updatedMapView && await M(this._updatedMapView), o = this.mapView && await g(this.mapView, this.selectedLayerId);
     if (o && (this._selectedLayer = o, !this._selectedLayer?.isTable && t && t.forEach((i) => {
       e.push({
         layer: i,
@@ -146,7 +138,7 @@ class S extends L {
         deleteEnabled: !1
         // default is true, set to false to disable the ability to delete features
       });
-    })), this.Editor && (this._editor = new this.Editor({
+    })), this._editor = new S({
       view: this._updatedMapView,
       layerInfos: e,
       visibleElements: {
@@ -158,26 +150,26 @@ class S extends L {
         sketch: this.showSketchWidgets && this._selectedLayer?.geometryType !== "point"
       },
       container: this._container
-    }), this._mapViewContainer.value ? this.el.insertBefore(this._container, this._mapViewContainer.value) : this.el.appendChild(this._container), this._selectedLayer?.isTable && (this._editorLoading = !0), this._editor)) {
-      const i = this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (r) => {
+    }), this._mapViewContainer.value ? this.el.insertBefore(this._container, this._mapViewContainer.value) : this.el.appendChild(this._container), this._selectedLayer?.isTable && (this._editorLoading = !0), this._editor) {
+      const i = c.watch(() => this._editor?.viewModel.state, (r) => {
         r === "adding-attachment" || r === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1);
       });
       i && this._editor.viewModel.addHandles(i);
-      const s = this.reactiveUtils?.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (r) => {
+      const s = c?.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (r) => {
         r === "ready" && this._editor?.viewModel?.activeWorkflow?.type !== "create-features" && (this.progressStatus.emit(50), this._editorLoading = !0);
       });
       s && this._editor.viewModel.addHandles(s);
-      const d = this.reactiveUtils?.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (r) => {
+      const d = c?.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (r) => {
         r === "ready" && this._editor?.viewModel.featureFormViewModel && this._currentPage !== "editing" && (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), this._editor.viewModel.featureFormViewModel.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this))), setTimeout(() => {
           this._setFloorLevel(this.floorLevel);
         }, 50), !this.allowMultipleCreation && this._editor.activeWorkflow && (this._editor.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1));
       });
       d && this._editor.viewModel.addHandles(d);
-      const a = this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (r) => {
+      const a = c.watch(() => this._editor?.viewModel.state, (r) => {
         r === "creating-features" && this._editor?.viewModel.featureFormViewModel && this._editor.viewModel.featureFormViewModel.state === "disabled" && (this._mapViewContainer.value?.classList?.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing"));
       });
       a && this._editor.viewModel.addHandles(a), this._editor.on("sketch-create", async (r) => {
-        r.detail.state === "complete" && (this._drawnGeometry = r.detail.graphic.geometry, this.reportingArea && this.reportingAreaLayer && await this.queryIntersectingFeatures());
+        r.detail.state === "complete" && (this._drawnGeometry = r.detail.graphic?.geometry, this.reportingArea && this.reportingAreaLayer && await this.queryIntersectingFeatures());
       });
       let n;
       this._editor.on("sketch-update", (r) => {
@@ -188,7 +180,7 @@ class S extends L {
     }
   }
   async queryIntersectingFeatures() {
-    const e = this.mapView && await f(this.mapView, this.reportingAreaLayer);
+    const e = this.mapView && await g(this.mapView, this.reportingAreaLayer);
     if (e) {
       const t = e.createQuery();
       t.geometry = this._drawnGeometry, t.spatialRelationship = "intersects";
@@ -218,18 +210,20 @@ class S extends L {
     });
   }
   async createSearchWidget() {
-    if (this._updatedMapView && this.Search) {
+    if (this._updatedMapView) {
       let e = {
         view: this._updatedMapView
       };
-      this.searchConfiguration && (e = {
+      if (this.searchConfiguration && (e = {
         ...this._getSearchConfig(this.searchConfiguration, this._updatedMapView)
-      }), this._search = new this.Search(e), this._search.container = "search-widget-ref", this._search.popupEnabled = !1, this._search.resultGraphicEnabled = !1;
+      }), this._search = new T(e), !this._search)
+        return;
+      this._search.container = "search-widget-ref", this._search.popupEnabled = !1, this._search.resultGraphicEnabled = !1;
       let t;
       this._search.viewModel.addHandles(this._search.on("search-complete", (i) => {
-        this._updatedMapView?.goTo(i.results[0].results[0].extent), this._selectedLayer?.geometryType === "point" && (t = i.results[0].results[0]?.feature.geometry);
+        i.results[0].results && i.results[0].results[0] && (i.results[0].results[0].extent && this._updatedMapView?.goTo(i.results[0].results[0].extent), this._selectedLayer?.geometryType === "point" && (t = i.results[0].results[0]?.feature.geometry));
       }));
-      const o = this.reactiveUtils?.watch(() => this._search?.viewModel.state, (i) => {
+      const o = c.watch(() => this._search?.viewModel.state, (i) => {
         i === "ready" && setTimeout(() => {
           if (this._editor?.viewModel.sketchViewModel?.createGraphic && t) {
             const s = t.clone(), a = this._editor.viewModel.sketchViewModel.createGraphic.set("geometry", t).clone();
@@ -253,7 +247,7 @@ class S extends L {
     return i && i?.length > 0 ? (e[o] = !1, i.forEach((s) => {
       if (s.hasOwnProperty("layer")) {
         const a = s, n = a.layer?.id, r = n ? t.map?.findLayerById(n) : "", h = a?.layer?.url;
-        r ? a.layer = r : h && this.FeatureLayer && (a.layer = new this.FeatureLayer(h));
+        r ? a.layer = r : h && (a.layer = new C(h));
       }
     }), i?.forEach((s) => {
       if (s.hasOwnProperty("locator")) {
@@ -277,13 +271,13 @@ class S extends L {
       const i = t.fields.find((s) => s.name === o);
       if (i && !t?.formTemplate)
         this._editor?.viewModel.featureFormViewModel && (this._editor.viewModel.featureFormViewModel.setValue(i.name, e), i.editable = !1);
-      else if (t.formTemplate && this.formElements && this.ExpressionInfo && this.FieldElement) {
-        const s = new this.ExpressionInfo({
+      else if (t.formTemplate && this.formElements) {
+        const s = new E({
           expression: `'${e}'`,
           name: "floor-info-test",
           title: "Floor Info",
           returnType: "string"
-        }), d = new this.FieldElement({
+        }), d = new F({
           label: o,
           editableExpression: "false",
           fieldName: o,
@@ -296,14 +290,14 @@ class S extends L {
         });
         this._updatedMapView?.map.editableLayers.forEach((a) => {
           const n = this.formElements.orgElements, r = this.formElements.orgExpressionInfos, h = [...n];
-          if (h.push(d), a.type === "feature" && this.FormTemplate) {
-            const w = a, g = new this.FormTemplate({
-              title: w?.formTemplate?.title,
-              description: w?.formTemplate?.description,
+          if (h.push(d), a.type === "feature") {
+            const f = a, _ = new k({
+              title: f?.formTemplate?.title,
+              description: f?.formTemplate?.description,
               elements: h,
               expressionInfos: [s].concat(r)
             });
-            a.formTemplate = g;
+            a.formTemplate = _;
           }
         });
       }
@@ -338,7 +332,7 @@ class S extends L {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-_("create-feature", S);
+y("create-feature", P);
 export {
-  S as CreateFeature
+  P as CreateFeature
 };

package/dist/components/create-related-feature/customElement.js

@@ -1,12 +1,13 @@
-import { c as h } from "../../chunks/runtime.js";
-import { l as u } from "../../chunks/loadModules.js";
+import { c as u } from "../../chunks/runtime.js";
 import { u as m } from "../../chunks/useT9n.js";
-import { css as p, html as l } from "lit";
-import { LitElement as f, createEvent as d, noShadowRoot as w, safeClassMap as y } from "@arcgis/lumina";
+import { css as p, html as c } from "lit";
+import { LitElement as f, createEvent as d, noShadowRoot as w, safeClassMap as b } from "@arcgis/lumina";
+import y from "@arcgis/core/widgets/Editor";
+import * as l 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.33 */
-const b = p`@layer{/**
+v1.2.0-next.35 */
+const g = p`@layer{/**
  * @license
  * Copyright 2025 Esri
  *
@@ -22,7 +23,7 @@ const b = p`@layer{/**
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
-class g extends f {
+class _ extends f {
   constructor() {
     super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = m({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._isSubmitBtnClicked = !1, this.success = d(), this.fail = d(), this.isActionPending = d(), this.formReady = d();
   }
@@ -30,7 +31,7 @@ class g extends f {
     this.properties = { customizeSubmit: 5, enableSnapping: 5, mapView: 0, selectedFeature: 0, showGuidingMsg: 5, table: 0, _editorLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = g;
   }
   static {
     this.shadowRootOptions = w;
@@ -49,19 +50,12 @@ class g extends f {
   async submit() {
     this._editor?.viewModel?.featureFormViewModel && (this._isSubmitBtnClicked = !0, this._editor.viewModel.featureFormViewModel.submit());
   }
-  async load() {
-    await this.initModules();
-  }
   async init() {
     this.mapView && await this.createEditorWidget();
   }
-  async initModules() {
-    const [e, t] = await u(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
-    this.Editor = e, this.reactiveUtils = t;
-  }
   render() {
     const e = this._editorLoading ? "" : "display-none";
-    return l`${this.showGuidingMsg && l`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${y(e)} label scale=s></calcite-loader>`;
+    return c`${this.showGuidingMsg && c`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${b(e)} label scale=s></calcite-loader>`;
   }
   loaded() {
     this.init();
@@ -70,7 +64,7 @@ class g extends f {
     super.disconnectedCallback(), this._editor && this._editor.destroy();
   }
   async createEditorWidget() {
-    if (this._editor && this._editor.destroy(), this._container = document.createElement("div"), this._container?.classList.add("display-none"), this.enableSnapping || this._container.classList.add("hide-editor-toolbar"), this.Editor && (this._editor = new this.Editor({
+    this._editor && this._editor.destroy(), this._container = document.createElement("div"), this._container?.classList.add("display-none"), this.enableSnapping || this._container.classList.add("hide-editor-toolbar"), this._editor = new y({
       view: this.mapView,
       visibleElements: {
         flow: !0,
@@ -79,20 +73,19 @@ class g extends f {
         snappingControls: this.enableSnapping
       },
       container: this._container
-    }), this.el.appendChild(this._container), this.reactiveUtils)) {
-      const e = this.reactiveUtils.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (i) => {
-        i === "ready" && (this._editorLoading = !0);
-      });
-      this._editor.viewModel.addHandles(e);
-      const t = this.reactiveUtils.watch(() => this._editor?.viewModel.state, (i) => {
-        i === "adding-attachment" || i === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
-      });
-      this._editor.viewModel.addHandles(t);
-      const a = this.reactiveUtils.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (i) => {
-        i === "ready" && this.formReady.emit();
-      });
-      this._editor.viewModel.addHandles(a);
-    }
+    }), this.el.appendChild(this._container);
+    const e = l.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (i) => {
+      i === "ready" && (this._editorLoading = !0);
+    });
+    this._editor?.viewModel.addHandles(e);
+    const t = l.watch(() => this._editor?.viewModel.state, (i) => {
+      i === "adding-attachment" || i === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
+    });
+    this._editor?.viewModel.addHandles(t);
+    const a = l.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (i) => {
+      i === "ready" && this.formReady.emit();
+    });
+    this._editor?.viewModel.addHandles(a);
   }
   async startCreate() {
     const e = this.selectedFeature?.layer, t = this.table;
@@ -102,12 +95,12 @@ class g extends f {
         const r = (await e.queryFeatures({
           objectIds: [s],
           outFields: [e.objectIdField, a.keyField]
-        })).features[0], n = t.templates[0], c = {
+        })).features[0], n = t.templates[0], h = {
           attributeOverrides: this.makeAttributesForRelatedFeature(r, a, i),
           layer: t,
           template: n
         };
-        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(c), await this.hideEditorsElements(), this._editor?.viewModel?.featureFormViewModel?.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this)));
+        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(h), await this.hideEditorsElements(), this._editor?.viewModel?.featureFormViewModel?.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this)));
       }
     }
   }
@@ -151,7 +144,7 @@ class g extends f {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-h("create-related-feature", g);
+u("create-related-feature", _);
 export {
-  g as CreateRelatedFeature
+  _ as CreateRelatedFeature
 };

package/dist/components/crowdsource-manager/customElement.js

@@ -8,7 +8,7 @@ import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as T, createEvent as m, noShadowRoot as M, safeClassMap as f, safeStyleMap as S } 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.33 */
+v1.2.0-next.35 */
 const F = I`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/crowdsource-reporter/customElement.d.ts

@@ -227,7 +227,11 @@ export declare class CrowdsourceReporter extends LitElement {
      * @default ''
      */
     reportingAreaMessage: string;
-    /** Method to update layerExpressions with the translated values */
+    /**
+     * Method to update layerExpressions with the translated values
+     *
+     * @param t9nLayerExpressions
+     */
     updateLayerExpressionsT9n(t9nLayerExpressions: ILayerExpression[]): Promise<void>;
     /** Emitted when toggle panel button is clicked in reporter */
     readonly togglePanel: TargetedEvent<this, {

package/dist/components/crowdsource-reporter/customElement.js

@@ -1,17 +1,20 @@
 import { c as w } from "../../chunks/runtime.js";
-import { l as b } from "../../chunks/loadModules.js";
-import { d as c, j as u, i as f, g as m, c as L, e as F } from "../../chunks/mapViewUtils.js";
-import { d as I } from "../../chunks/queryUtils.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { css as $, html as a, nothing as _ } from "lit";
+import { d as c, j as u, i as f, g as m, c as b, e as L } from "../../chunks/mapViewUtils.js";
+import { d as F } from "../../chunks/queryUtils.js";
+import { u as I } from "../../chunks/useT9n.js";
+import { css as v, html as a, nothing as _ } from "lit";
 import { createRef as d, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as C, createEvent as S, noShadowRoot as x, safeClassMap as g } from "@arcgis/lumina";
+import { LitElement as $, createEvent as C, noShadowRoot as S, safeClassMap as g } from "@arcgis/lumina";
 import "@arcgis/instant-apps-components";
-import { defineCustomElements as E } from "@arcgis/instant-apps-components/loader";
+import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
+import * as E from "@arcgis/core/core/reactiveUtils";
+import V from "@arcgis/core/layers/support/FeatureFilter";
+import * as P from "@arcgis/core/rest/identify";
+import k from "@arcgis/core/rest/support/IdentifyParameters";
 /*! 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.33 */
-const V = $`@layer{/** @license
+v1.2.0-next.35 */
+const O = v`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,18 +29,18 @@ const V = $`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.width-full{width:100%!important}.height-full{height:100%!important}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}}`;
-class P extends C {
+class M extends $ {
   constructor() {
-    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = v({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._createFeature = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = S(), E(window);
+    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = I({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._createFeature = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = C(), x(window);
   }
   static {
     this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16, _showNextButton: 16, _submitNextButtonDisabled: 16 };
   }
   static {
-    this.styles = V;
+    this.styles = O;
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = S;
   }
   willUpdate(e) {
     e.has("isMobile") && this.isMobileWatchHandler(this.isMobile), e.has("mapView") && this.hasUpdated && this.mapViewWatchHandler(), e.has("floorLevel") && this.floorLevelWatchHandler(), (e.has("reportingAreaLayer") || e.has("reportingArea") && this.hasUpdated) && setTimeout(() => {
@@ -85,7 +88,7 @@ class P extends C {
     return Promise.resolve();
   }
   async load() {
-    this._urlParamsLoaded = !1, await this._initModules(), await this.mapView?.when(async () => {
+    this._urlParamsLoaded = !1, await this.mapView?.when(async () => {
       this._layers = this.reportingOptions ? Object.keys(this.reportingOptions).filter((e) => {
         const t = e && this.reportingOptions && this.reportingOptions[e];
         return t && t.visible;
@@ -107,15 +110,6 @@ class P extends C {
   updated() {
     this._adjustAlertStyles();
   }
-  async _initModules() {
-    const [e, t, i, s] = await b([
-      "esri/core/reactiveUtils",
-      "esri/layers/support/FeatureFilter",
-      "esri/rest/identify",
-      "esri/rest/support/IdentifyParameters"
-    ]);
-    this.reactiveUtils = e, this.FeatureFilter = t, this.identify = i, this.IdentifyParameters = s;
-  }
   async setSelectedLayer(e, t) {
     this._selectedLayerId = e, this._selectedLayer = this.mapView && await c(this.mapView, e), this._selectedLayerName = t, this._validLayers.forEach((i) => {
       this._nonVisibleValidLayers.find((l) => l.id === i.id) || i.set("visible", !e || i.id === e);
@@ -381,7 +375,7 @@ class P extends C {
       const t = this.mapView && await m(this.mapView, e.layer.id.toString());
       if (t) {
         const i = Number(e.getObjectId());
-        this._highlightHandle = this.mapView && await L([i], t, this.mapView, !0, this.zoomToScale);
+        this._highlightHandle = this.mapView && await b([i], t, this.mapView, !0, this.zoomToScale);
       }
     }
     this.updatingFeatureDetails(!1);
@@ -399,7 +393,7 @@ class P extends C {
     }), this._defaultCenter = void 0, this._defaultLevel = void 0));
   }
   handleMapClick() {
-    this._mapClickHandle && this._mapClickHandle.remove(), this._mapClickHandle = this.reactiveUtils?.on(() => this.mapView, "click", (e) => {
+    this._mapClickHandle && this._mapClickHandle.remove(), this._mapClickHandle = E.on(() => this.mapView, "click", (e) => {
       this.mapView && (this.mapView.popupEnabled = !1), this.onMapClick(e);
     });
   }
@@ -443,7 +437,7 @@ class P extends C {
     });
   }
   async _getIdentifiedGraphics(e) {
-    const t = this.IdentifyParameters && new this.IdentifyParameters({
+    const t = new k({
       geometry: e,
       tolerance: 3,
       mapExtent: this.mapView?.extent
@@ -453,7 +447,7 @@ class P extends C {
       const h = this.mapView && await c(this.mapView, r);
       if (h?.url && t)
         try {
-          const o = await this.identify?.identify(h.url, t);
+          const o = await P?.identify(h.url, t);
           if (o?.results?.length) {
             s = o.results, i = h;
             break;
@@ -508,13 +502,13 @@ class P extends C {
     const t = (this.mapView?.map).portalItem.portal?.credential?.userId;
     if (t && e) {
       const i = e.layer.editFieldsInfo?.creatorField.toLowerCase();
-      e.filter = this.showMyReportsOnly && i && this.FeatureFilter ? new this.FeatureFilter({
+      e.filter = this.showMyReportsOnly && i ? new V({
         where: `${i} = '${t}'`
       }) : null;
     }
   }
   async getLayersToShowInList() {
-    const e = this.mapView && await F(this.mapView, !0), t = this.mapView && await u(this.mapView), i = [];
+    const e = this.mapView && await L(this.mapView, !0), t = this.mapView && await u(this.mapView), i = [];
     t?.forEach((s) => {
       s?.type === "feature" && s?.editingEnabled && s?.capabilities?.operations?.supportsAdd && (e[s.id].supportsAdd = !0), s?.editingEnabled || i.push(s.id);
     }), this._editableLayerIds = this.reduceToConfiguredLayers(e, i), this._layerItemsHash = e;
@@ -536,11 +530,11 @@ class P extends C {
   async loadFeatureFromURLParams() {
     if (this.center && this.level && await this.mapView?.goTo({
       center: this.center.split(";").map(Number),
-      zoom: this.level
+      zoom: parseInt(this.level, 10)
     }), this.layerId && this.objectId) {
       const e = this.mapView && await c(this.mapView, this.layerId);
       if (e) {
-        const t = this.mapView && await I([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
+        const t = this.mapView && await F([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
         t?.length && (await this.setSelectedFeatures(t), this._flowItems.length && this._flowItems[this._flowItems.length - 1] !== "feature-details" ? this._flowItems = [...this._flowItems, "feature-details"] : this._flowItems = [...this._flowItems]);
       }
     }
@@ -602,7 +596,7 @@ class P extends C {
     });
   }
 }
-w("crowdsource-reporter", P);
+w("crowdsource-reporter", M);
 export {
-  P as CrowdsourceReporter
+  M as CrowdsourceReporter
 };

package/dist/components/deduct-calculator/customElement.js

@@ -5,7 +5,7 @@ import { createRef as c, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as m, createEvent as d } 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.33 */
+v1.2.0-next.35 */
 const y = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as e, nothing as a } from "lit";
 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.33 */
+v1.2.0-next.35 */
 const d = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ 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.33 */
+v1.2.0-next.35 */
 const r = l`/** @license
  * Copyright 2025 Esri
  *

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

@@ -2,6 +2,7 @@
 /// <reference path="../../index.d.ts" />
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { default as Editor } from '@arcgis/core/widgets/Editor';
 
 export declare class EditCard extends LitElement {
     /**
@@ -41,14 +42,14 @@ export declare class EditCard extends LitElement {
     /** Emitted on demand when the Editor widget should be closed */
     readonly closeEdit: TargetedEvent<this, void>;
     /** Emit the Editor when it is initialized */
-    readonly editorInitialized: TargetedEvent<this, __esri.Editor>;
+    readonly editorInitialized: TargetedEvent<this, Editor>;
     /** Emitted on demand when edits are completed on current edit layer */
     readonly editsComplete: TargetedEvent<this, void>;
     /**
      * Emitted on demand when the editor is closed to handle
      * things like attachment updates that don't fire the standard edit update event when complete
      */
-    readonly refreshGraphics: TargetedEvent<this, __esri.Graphic[]>;
+    readonly refreshGraphics: TargetedEvent<this, import('@arcgis/core/Graphic').default[]>;
     /** Event emitted upon selection of a table and invocation of feature addition from the related layer during an active edit workflow. */
     readonly creatingFeature: TargetedEvent<this, void>;
 }