@esri/solutions-components 5.0.4-next.3 → 5.0.5

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

@@ -1,75 +1,42 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { E as EDistressType, a as ESeverity, c as calculateDeductValue } from "../../chunks/pciUtils.js";
-import { createRef, ref } from "lit-html/directives/ref.js";
-import { LitElement, createEvent } from "@arcgis/lumina";
-const styles = css`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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;
-  --calcite-label-margin-bottom: 0;
-}
-
-.label-display {
-  display: block;
-  padding-bottom: 1rem;
-}`;
-class DeductCalculator extends LitElement {
+import { c as u } from "../../chunks/runtime.js";
+import { css as o, html as l } from "lit";
+import { E as i, a as c, c as p } from "../../chunks/pciUtils.js";
+import { createRef as s, ref as n } from "lit-html/directives/ref.js";
+import { LitElement as m, createEvent as y } from "@arcgis/lumina";
+const d = o`:host{display:block;--calcite-label-margin-bottom: 0}.label-display{display:block;padding-bottom:1rem}`;
+class b extends m {
   constructor() {
-    super(...arguments);
-    this._densityElement = createRef();
-    this._typeElement = createRef();
-    this._severityElement = createRef();
-    this._types = Object.keys(EDistressType).filter((k) => !Number.isNaN(Number(EDistressType[k])));
-    this.deductValueComplete = createEvent();
+    super(...arguments), this._densityElement = s(), this._typeElement = s(), this._severityElement = s(), this._types = Object.keys(i).filter((e) => !Number.isNaN(Number(i[e]))), this.deductValueComplete = y();
   }
   static {
-    this.styles = styles;
+    this.styles = d;
   }
   render() {
-    return html`<div class="label-display"><calcite-label class="label-display">\r\n            Density %${this._getDensityInput()}</calcite-label><calcite-label class="label-display">\r\n            Type${this._getTypeInput()}</calcite-label><calcite-label class="label-display">\r\n            Severity${this._getSeverityInput()}</calcite-label></div><div>${this._getCalculateInput()}</div>`;
+    return l`<div class="label-display"><calcite-label class="label-display">\r\n            Density %${this._getDensityInput()}</calcite-label><calcite-label class="label-display">\r\n            Type${this._getTypeInput()}</calcite-label><calcite-label class="label-display">\r\n            Severity${this._getSeverityInput()}</calcite-label></div><div>${this._getCalculateInput()}</div>`;
   }
   _getDensityInput() {
-    return html`<calcite-input max=100 min=0 type=number ${ref(this._densityElement)}></calcite-input>`;
+    return l`<calcite-input max=100 min=0 type=number ${n(this._densityElement)}></calcite-input>`;
   }
   _getTypeInput() {
-    return html`<calcite-select label ${ref(this._typeElement)}>${this._types.map((t, i) => html`<calcite-option .value=${EDistressType[t].toString()}>${`${t} (${i + 1})`}</calcite-option>`)}</calcite-select>`;
+    return l`<calcite-select label ${n(this._typeElement)}>${this._types.map((e, t) => l`<calcite-option .value=${i[e].toString()}>${`${e} (${t + 1})`}</calcite-option>`)}</calcite-select>`;
   }
   _getSeverityInput() {
-    return html`<calcite-select label ${ref(this._severityElement)}><calcite-option .value=${ESeverity.H}>\r\n          High</calcite-option><calcite-option .value=${ESeverity.M}>\r\n          Medium</calcite-option><calcite-option .value=${ESeverity.L}>\r\n          Low</calcite-option></calcite-select>`;
+    return l`<calcite-select label ${n(this._severityElement)}><calcite-option .value=${c.H}>\r\n          High</calcite-option><calcite-option .value=${c.M}>\r\n          Medium</calcite-option><calcite-option .value=${c.L}>\r\n          Low</calcite-option></calcite-select>`;
   }
   _getCalculateInput() {
-    const _type = this._typeElement.value && Number.parseFloat(this._typeElement.value.value);
-    const _sev = this._severityElement.value && this._severityElement.value.value;
-    const _den = this._densityElement.value && Number.parseFloat(this._densityElement.value.value);
-    return html`<calcite-button @click=${() => this._calculateDeduct(_type, _sev, _den)}>\r\n        Calculate Deduct Value</calcite-button>`;
-  }
-  _calculateDeduct(type, severity, density) {
-    if (type && severity && !Number.isNaN(density)) {
-      const dv = calculateDeductValue(type.toString(), severity.toString(), density.toString(), true);
-      this.deductValueComplete.emit(dv);
-      alert(dv);
-    } else {
+    const e = this._typeElement.value && Number.parseFloat(this._typeElement.value.value), t = this._severityElement.value && this._severityElement.value.value, a = this._densityElement.value && Number.parseFloat(this._densityElement.value.value);
+    return l`<calcite-button @click=${() => this._calculateDeduct(e, t, a)}>\r\n        Calculate Deduct Value</calcite-button>`;
+  }
+  _calculateDeduct(e, t, a) {
+    if (e && t && !Number.isNaN(a)) {
+      const r = p(e.toString(), t.toString(), a.toString(), !0);
+      this.deductValueComplete.emit(r), alert(r);
+    } else
       alert("Type, severity, and a density number are required");
-    }
   }
 }
-customElement("deduct-calculator", DeductCalculator);
+u("deduct-calculator", b);
 export {
-  DeductCalculator
+  b as DeductCalculator
 };

package/dist/components/delete-button/customElement.d.ts

@@ -45,7 +45,7 @@ export abstract class DeleteButton extends LitElement {
   accessor icon: Icon["icon"] | undefined;
   /** number[]: The ids that would be deleted */
   accessor ids: (number | string)[];
-  /** esri/views/layers/FeatureLayer: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
   accessor layer: __esri.FeatureLayer | undefined;
   /**
    * boolean: When true the delete button will show the number of features that will be deleted

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

@@ -1,54 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { css, html, nothing } from "lit";
-import { LitElement, createEvent } from "@arcgis/lumina";
-const styles = css`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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 DeleteButton extends LitElement {
+import { c as i } from "../../chunks/runtime.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { css as a, html as e, nothing as n } from "lit";
+import { LitElement as d, createEvent as s } from "@arcgis/lumina";
+const o = a`:host{display:block}`;
+class r extends d {
   constructor() {
-    super(...arguments);
-    this.buttonType = "button";
-    this.disabled = false;
-    this.ids = [];
-    this.showDeleteCount = true;
-    this._confirmDelete = false;
-    this._deleteEndabled = false;
-    this._supportsDelete = false;
-    this._translations = useT9n({ name: "delete-button", blocking: true });
-    this.editsComplete = createEvent();
-    this.deleteClicked = createEvent();
+    super(...arguments), this.buttonType = "button", this.disabled = !1, this.ids = [], this.showDeleteCount = !0, this._confirmDelete = !1, this._deleteEndabled = !1, this._supportsDelete = !1, this._translations = l({ name: "delete-button", blocking: !0 }), this.editsComplete = s(), this.deleteClicked = s();
   }
   static {
-    this.properties = { deleteDialog: 1, buttonType: 1, disabled: [5, {}, { type: Boolean }], icon: 1, ids: [0, {}, { attribute: false }], layer: [0, {}, { attribute: false }], showDeleteCount: [5, {}, { type: Boolean }], _confirmDelete: [16, {}, { state: true }], _deleteEndabled: [16, {}, { state: true }], _supportsDelete: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
+    this.properties = { deleteDialog: 1, buttonType: 1, disabled: 5, icon: 1, ids: 0, layer: 0, showDeleteCount: 5, _confirmDelete: 16, _deleteEndabled: 16, _supportsDelete: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = o;
   }
-  willUpdate(changes) {
-    if (changes.has("ids") && (this.hasUpdated || this.ids?.length > 0)) {
-      void this.idsWatchHandler();
-    }
-    if (changes.has("layer")) {
-      void this.layerWatchHandler();
-    }
+  willUpdate(t) {
+    t.has("ids") && (this.hasUpdated || this.ids?.length > 0) && this.idsWatchHandler(), t.has("layer") && this.layerWatchHandler();
   }
   async idsWatchHandler() {
     this._setDeleteEnabled();
@@ -57,24 +24,22 @@ class DeleteButton extends LitElement {
     this._setDeleteEnabled();
   }
   render() {
-    return html`${this.buttonType === "button" ? html`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this.showDeleteCount ? this._translations.deleteCount?.replace("{{n}}", this.ids?.length.toString()) : this._translations.delete}</calcite-button>` : html`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? nothing} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
+    return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this.showDeleteCount ? this._translations.deleteCount?.replace("{{n}}", this.ids?.length.toString()) : this._translations.delete}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? n} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
   }
   loaded() {
     this._setDeleteEnabled();
   }
   _setDeleteEnabled() {
-    this._supportsDelete = this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete ? true : false;
-    this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids?.length > 0;
+    this._supportsDelete = !!(this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete), this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids?.length > 0;
   }
   _delete() {
-    this.deleteClicked.emit();
-    this._confirmDelete = true;
+    this.deleteClicked.emit(), this._confirmDelete = !0;
   }
   _deleteMessage() {
-    return this.deleteDialog ? this.deleteDialog : html`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} @deleteDialogClose=${() => this._confirmDelete = false} .open=${this._confirmDelete}></delete-dialog>`;
+    return this.deleteDialog ? this.deleteDialog : e`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} @deleteDialogClose=${() => this._confirmDelete = !1} .open=${this._confirmDelete}></delete-dialog>`;
   }
 }
-customElement("delete-button", DeleteButton);
+i("delete-button", r);
 export {
-  DeleteButton
+  r as DeleteButton
 };

package/dist/components/delete-dialog/customElement.d.ts

@@ -28,7 +28,7 @@ export abstract class DeleteDialog extends LitElement {
   }>;
   /** number[]: The ids that would be deleted */
   accessor ids: (number | string)[];
-  /** esri/views/layers/FeatureLayer: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
   accessor layer: __esri.FeatureLayer | undefined;
   /**
    * boolean: When true the delete dialog will be displayed

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

@@ -1,68 +1,39 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-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");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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 DeleteDialog extends LitElement {
+import { c as s } from "../../chunks/runtime.js";
+import { css as l, html as a } from "lit";
+import { u as o } from "../../chunks/useT9n.js";
+import { LitElement as n, createEvent as i } from "@arcgis/lumina";
+const r = l`:host{display:block}`;
+class c extends n {
   constructor() {
-    super(...arguments);
-    this.ids = [];
-    this.open = false;
-    this._isDeleting = false;
-    this._translations = useT9n({ name: "delete-dialog", blocking: true });
-    this.editsComplete = createEvent();
-    this.deleteDialogClose = createEvent();
+    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = o({ name: "delete-dialog", blocking: !0 }), this.editsComplete = i(), this.deleteDialogClose = i();
   }
   static {
-    this.properties = { ids: [0, {}, { attribute: false }], layer: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], _isDeleting: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
+    this.properties = { ids: 0, layer: 0, open: 5, _isDeleting: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = r;
   }
   render() {
-    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>`;
+    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 a`<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>`;
   }
   async _deleteFeatures() {
     if (this.layer) {
-      this._isDeleting = true;
-      const deleteFeatures = this.ids.map((objectId) => {
-        return { objectId: Number(objectId) };
-      });
+      this._isDeleting = !0;
+      const e = this.ids.map((t) => ({ objectId: Number(t) }));
       await this.layer.applyEdits({
-        deleteFeatures
-      });
-      this._isDeleting = false;
-      this._close();
-      this.editsComplete.emit("delete");
+        deleteFeatures: e
+      }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");
     }
   }
   _close() {
-    this.open = false;
-    this.deleteDialogClose.emit();
+    this.open = !1, this.deleteDialogClose.emit();
   }
 }
-customElement("delete-dialog", DeleteDialog);
+s("delete-dialog", c);
 export {
-  DeleteDialog
+  c as DeleteDialog
 };

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

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

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

@@ -1,238 +1,85 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { a 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");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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: 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 {
+import { c as n } from "../../chunks/runtime.js";
+import { a as d } from "../../chunks/mapViewUtils.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { css as c, html as r } from "lit";
+import { createRef as f, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as _, createEvent as s, noShadowRoot as m, safeClassMap as l } from "@arcgis/lumina";
+import u from "@arcgis/core/widgets/Editor";
+import * as o from "@arcgis/core/core/reactiveUtils";
+const w = c`@layer{: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 _ {
   constructor() {
-    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);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = p({ name: "edit-card", blocking: !0 }), this._editContainer = f(), 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);
   }
   static {
-    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 }] };
+    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, allowMultipleEditing: 5, _editorLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = w;
   }
   static {
-    this.shadowRootOptions = noShadowRoot;
+    this.shadowRootOptions = m;
   }
   async graphicsWatchHandler() {
-    if (this.graphics.length === 0 && this.open) {
-      await this._closeEdit(true);
-    }
+    this.graphics.length === 0 && this.open && 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 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 featureSelectionChange() {
-    if (this.open) {
-      await this._closeEdit(false);
-    }
+    this.open && await this._closeEdit(!1);
   }
   async mapChanged() {
-    if (this.open) {
-      await this._closeEdit(false);
-    }
+    this.open && await this._closeEdit(!1);
   }
-  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;
-        });
-      }
+  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;
+      }));
     }
   }
   render() {
-    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>`;
+    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=${l(e)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${l(a)} label scale=s></calcite-loader></div></div>`;
   }
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
-      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({
+      this._editor && this._editor.destroy();
+      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, h = e.map((i) => ({
+        layer: i,
+        geometryUpdatesEnabled: this.enableEditGeometry
+      }));
+      this._editor = new u({
         view: this.mapView,
-        layerInfos,
+        layerInfos: h,
         visibleElements: {
-          flow: true,
-          settingsMenu: showSnappingTools,
-          sketch: false,
-          snappingControls: showSnappingTools
+          flow: !0,
+          settingsMenu: a,
+          sketch: !1,
+          snappingControls: a
         },
-        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);
+        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);
     }
   }
-  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 _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 _startUpdate() {
-    if (this.allowMultipleEditing) {
-      await this._editor?.startUpdateFeaturesWorkflow(this.graphics);
-    } else {
-      await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-    }
-    this._shouldClose = true;
+    this.allowMultipleEditing ? await this._editor?.startUpdateFeaturesWorkflow(this.graphics) : await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
   }
 }
-customElement("edit-card", EditCard);
+n("edit-card", y);
 export {
-  EditCard
+  y as EditCard
 };

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

@@ -10,11 +10,11 @@ export abstract class FeatureDetails extends LitElement {
    * @default false
    */
   accessor enableSnapping: boolean;
-  /** esri/Graphic: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
   accessor graphics: __esri.Graphic[];
   /** ILayerItemsHash: LayerDetailsHash for each layer in the map */
   accessor layerItemsHash: ILayerItemsHash | undefined;
-  /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
   /** IReportingOptions: Key options for reporting */
   accessor reportingOptions: IReportingOptions | undefined;