@esri/solutions-components 5.1.0-next.16 → 5.1.0-next.161

package/dist/components/arcgis-solutions-assistant/index.js

@@ -1,12 +1,11 @@
-import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-fab";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@arcgis/ai-components/components/arcgis-assistant";
+import "@esri/calcite-components/components/calcite-button";
+import "@arcgis/ai-components/components/arcgis-assistant-agent";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dialog";
 export * from "./customElement.js";

package/dist/components/buffer-tools/customElement.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type Polygon from "@arcgis/core/geometry/Polygon.js";
+import type Geometry from "@arcgis/core/geometry/Geometry.js";
 import type { DistanceUnit, IValueChange } from "../../utils/interfaces.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -16,11 +17,13 @@ export abstract class BufferTools extends LitElement {
       meters: string;
       miles: string;
       kilometers: string;
+      unit: string;
   } & T9nMeta<{
       feet: string;
       meters: string;
       miles: string;
       kilometers: string;
+      unit: string;
   }>;
   /**
    * string: The appearance of display. Can be a 'slider' or 'text' inputs for distance/value
@@ -28,7 +31,11 @@ export abstract class BufferTools extends LitElement {
    * @default 'text'
    */
   accessor appearance: "slider" | "text";
-  /** @default false */
+  /**
+   * boolean: When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
   accessor disabled: boolean;
   /**
    * number: The distance used for buffer
@@ -37,7 +44,7 @@ export abstract class BufferTools extends LitElement {
    */
   accessor distance: number;
   /** esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html */
-  accessor geometries: __esri.Geometry[];
+  accessor geometries: Geometry[];
   /**
    * number: The component's maximum selectable value.
    *
@@ -76,7 +83,7 @@ export abstract class BufferTools extends LitElement {
    */
   getTranslatedUnit(unit: string): Promise<string>;
   /** Emitted on demand when a buffer is generated. */
-  readonly bufferComplete: import("@arcgis/lumina").TargetedEvent<this, __esri.Polygon | __esri.Polygon[] | undefined>;
+  readonly bufferComplete: import("@arcgis/lumina").TargetedEvent<this, Polygon | Polygon[] | undefined>;
   /** Emitted on demand when the distance value changes */
   readonly distanceChanged: import("@arcgis/lumina").TargetedEvent<this, IValueChange>;
   /** Emitted on demand when the unit changes */

package/dist/components/buffer-tools/customElement.js

@@ -5,7 +5,7 @@ import { css as u, html as s } from "lit";
 import { createRef as c, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as m, createEvent as n } from "@arcgis/lumina";
 import * as i from "@arcgis/core/geometry/operators/geodesicBufferOperator.js";
-import * as l from "@arcgis/core/geometry/operators/bufferOperator.js";
+import * as r from "@arcgis/core/geometry/operators/bufferOperator.js";
 const f = u`:host{display:block}.c-container{display:inline-flex}.flex-1{flex:"1"}.padding-end-1{padding-inline-end:1rem}.w-50{width:50%}`;
 class p extends m {
   constructor() {
@@ -58,15 +58,15 @@ class p extends m {
   }
   _buffer() {
     this.disabled ? this.bufferComplete.emit(void 0) : (this._bufferTimeout && clearTimeout(this._bufferTimeout), this._bufferTimeout = setTimeout(async () => {
-      if (this.geometries?.length > 0 && this.unit && this.distance > 0 && i && l) {
+      if (this.geometries?.length > 0 && this.unit && this.distance > 0 && i && r) {
         i.isLoaded() || await i.load();
-        const e = this.geometries[0].spatialReference, a = this.geometries, r = e.isWGS84 || e.isWebMercator ? i.executeMany(a, [this.distance], { union: this.unionResults, unit: this.unit }) : l.executeMany(a, [this.distance], { unit: this.unit, union: this.unionResults });
-        this.bufferComplete.emit(r);
+        const e = this.geometries[0].spatialReference, a = this.geometries, l = e.isWGS84 || e.isWebMercator ? i.executeMany(a, [this.distance], { union: this.unionResults, unit: this.unit }) : r.executeMany(a, [this.distance], { unit: this.unit, union: this.unionResults });
+        this.bufferComplete.emit(l);
       }
     }, 400));
   }
   _getTextBoxDisplay() {
-    return s`<div class="c-container"><calcite-input class="padding-end-1 w-50" .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} number-button-type=vertical @calciteInputInput=${this._setDistance} placeholder=0 type=number .value=${this.distance ? this.distance.toString() : void 0}></calcite-input><calcite-select class="flex-1 w-50" label=label @calciteSelectChange=${() => {
+    return s`<div class="c-container"><calcite-input class="padding-end-1 w-50" .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} number-button-type=vertical @calciteInputInput=${this._setDistance} placeholder=0 type=number .value=${this.distance ? this.distance.toString() : void 0}></calcite-input><calcite-select class="flex-1 w-50" .label=${this._translations.unit} @calciteSelectChange=${() => {
       this._unitElement?.value && this._setUnit(this._unitElement?.value.value);
     }} ${d(this._unitElement)}>${this._getUnits()}</calcite-select></div>`;
   }

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

@@ -1,5 +1,6 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -16,13 +17,21 @@ export abstract class CardManager extends LitElement {
       createFeature: string;
       createRecord: string;
       create: string;
+      back: string;
+      createMultiple: string;
+      moveClipboardFeatures: string;
   } & T9nMeta<{
       selectFeaturesToStart: string;
       selectFeaturesFromMapToStart: string;
       createFeature: string;
       createRecord: string;
       create: string;
+      back: string;
+      createMultiple: string;
+      moveClipboardFeatures: string;
   }>;
+  /** string[]: list of layer ids that are allowed for paste operations */
+  accessor allowedPasteLayerIds: string[];
   /**
    * string: Label to show for create button
    *
@@ -63,9 +72,21 @@ export abstract class CardManager extends LitElement {
    * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
    * Should be a layer or table
    */
-  accessor layerOrTable: __esri.FeatureLayer | undefined;
+  accessor layerOrTable: FeatureLayer | undefined;
+  /**
+   * string: Id to pass in the map component
+   *
+   * @default ''
+   */
+  accessor mapComponentId: string | undefined;
   /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-  accessor mapView: __esri.MapView | undefined;
+  accessor mapView: MapView | undefined;
+  /**
+   * boolean: When true the paste action will be enabled
+   *
+   * @default false
+   */
+  accessor pasteEnabled: boolean;
   /** A list of ids that are currently selected */
   accessor selectedFeaturesIds: (number | string)[];
   /**
@@ -74,6 +95,12 @@ export abstract class CardManager extends LitElement {
    * @default false
    */
   accessor selectingFeatureFromMap: boolean;
+  /**
+   * boolean: When true the copy and paste actions will be shown
+   *
+   * @default false
+   */
+  accessor showCopyPasteActions: boolean;
   /**
    * boolean: When true the sketch widgets will be shown in the create feature component
    *
@@ -90,11 +117,20 @@ export abstract class CardManager extends LitElement {
   readonly backFromCreateWorkFlow: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emits when create work flow started */
   readonly createWorkFlowStarted: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the paste action should be disabled */
+  readonly disablePaste: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emits when feature/record is submitted */
   readonly featureOrRecordSubmitted: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the features have been copied to the clipboard */
+  readonly featuresCopied: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the features have been pasted from the clipboard */
+  readonly featuresPasted: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     backFromCreateWorkFlow: CardManager["backFromCreateWorkFlow"]["detail"];
     createWorkFlowStarted: CardManager["createWorkFlowStarted"]["detail"];
+    disablePaste: CardManager["disablePaste"]["detail"];
     featureOrRecordSubmitted: CardManager["featureOrRecordSubmitted"]["detail"];
+    featuresCopied: CardManager["featuresCopied"]["detail"];
+    featuresPasted: CardManager["featuresPasted"]["detail"];
   };
 }

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

@@ -1,24 +1,61 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { css as u, html as a } from "lit";
-import { a as p } from "../../chunks/queryUtils.js";
-import { g as m } from "../../chunks/mapViewUtils.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as F, createEvent as r, noShadowRoot as w } from "@arcgis/lumina";
-const _ = u`@layer{:host{display:block!important}.display-none{display:none}.padding-1{padding:1rem}.position-relative{position:relative}.overflow-auto{overflow:auto}.height-full{height:100%}.position-static{position:static!important}.z-index-500{z-index:500!important}card-manager{display:block}}`;
-class C extends F {
+import { c as w } from "../../chunks/runtime.js";
+import { css as b, html as o } from "lit";
+import { a as h } from "../../chunks/queryUtils.js";
+import { g as f } from "../../chunks/mapViewUtils.js";
+import { u as g } from "../../chunks/useT9n.js";
+import { createRef as d, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as y, createEvent as n, noShadowRoot as F, safeClassMap as v } from "@arcgis/lumina";
+import * as $ from "@arcgis/core/core/reactiveUtils.js";
+const k = b`@layer{:host{display:block!important}.display-none{display:none}.padding-1{padding:1rem}.position-relative{position:relative}.overflow-auto{overflow:auto}.height-full{height:100%}.paste-component{--arcgis-paste-height: 100%;--arcgis-paste-width: 100%;height:100%;width:100%}.position-static{position:static!important}.z-index-500{z-index:500!important}.margin-top-10{margin-top:10px}card-manager{display:block}}`;
+class S extends y {
   constructor() {
-    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.createBtnLabel = "", this.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._translations = b({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = g(), this.createWorkFlowStarted = r(), this.backFromCreateWorkFlow = r(), this.featureOrRecordSubmitted = r(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled);
+    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.createBtnLabel = "", this.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this.mapComponentId = "", this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.allowedPasteLayerIds = [], this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._activeFeatureCreationCount = 1, this._createAndBackBtnDisabled = !1, this._translations = g({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = d(), this._pasteComponent = d(), this.createWorkFlowStarted = n(), this.backFromCreateWorkFlow = n(), this.featureOrRecordSubmitted = n(), this.featuresCopied = n(), this.featuresPasted = n(), this.disablePaste = n(), this._handleCreateAndBackBtn = (e) => {
+      this._createFeatureEditor && (this._createAndBackBtnDisabled = e);
+    }, this._featuresAdded = () => {
+      this._pasteComponent.value && this._resetPasteWorkflow();
+    }, this._initCreateComponent = () => {
+      this._showCreateFeatureComponent = !0;
+    }, this._createFeatureEditorInitialized = (e) => {
+      this._createFeatureEditor = e.detail;
+    }, this._createFeatureEditorClosed = () => {
+      this._createFeatureEditor = void 0;
+    }, this._pasteComponentReady = async () => {
+      const e = this._pasteComponent.value;
+      if (e && this.mapComponentId && e.referenceElement === void 0) {
+        const t = document.getElementById(this.mapComponentId);
+        await t.viewOnReady(), e.referenceElement = t;
+      }
+      e && !this._clipboardWatchHandle && (this._clipboardWatchHandle = $.watch(() => e.clipboard.hasItems, (t) => {
+        t || this.disablePaste.emit();
+      }));
+    }, this._applyPasteCommand = async (e) => {
+      const t = new Promise((a, s) => {
+        if (!this._pasteComponent.value) {
+          console.error("Paste failed: paste component is not available."), a();
+          return;
+        }
+        try {
+          e.detail.applySet ? this._pasteComponent.value.writeChanges(e.detail.applySet).then(() => {
+            this._resetPasteWorkflow(), a();
+          }).catch((i) => {
+            console.log(i), s(i);
+          }) : a();
+        } catch (i) {
+          s(i), console.error("Paste failed:", i);
+        }
+      });
+      e.detail.completionCallback = t;
+    }, this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "copyFeatures", this._copyFeatures), this.listenOn(window, "pasteFeatures", this._pasteFeatures), this.listenOn(window, "featuresAdded", this._featuresAdded), this.listenOn(window, "initCreateComponent", this._initCreateComponent), this.listenOn(window, "createFeatureEditorInitialized", this._createFeatureEditorInitialized), this.listenOn(window, "createFeatureEditorClosed", this._createFeatureEditorClosed), this.listenOn(window, "continueEditing", () => this._handleCreateAndBackBtn(!1)), this.listenOn(window, "beforeLayerSelectionChange", () => this._handleCreateAndBackBtn(!0)), this.listenOn(window, "beforeMapInfoChange", () => this._handleCreateAndBackBtn(!0)), this.listenOn(window, "beforeFeatureSelectionChange", () => this._handleCreateAndBackBtn(!0));
   }
   static {
-    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layerOrTable: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, createBtnLabel: 1, selectingFeatureFromMap: 5, showSketchWidgets: 5, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _translations: 16 };
+    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layerOrTable: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, createBtnLabel: 1, selectingFeatureFromMap: 5, showSketchWidgets: 5, mapComponentId: 1, pasteEnabled: 5, showCopyPasteActions: 5, allowedPasteLayerIds: 0, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _activeFeatureCreationCount: 16, _createAndBackBtnDisabled: 16, _translations: 16 };
   }
   static {
-    this.styles = _;
+    this.styles = k;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = F;
   }
   async featureSelectionChange(e) {
     this._showCreateFeatureComponent && !this._isFeatureCreated && this._backFromCreateFeature();
@@ -28,22 +65,73 @@ class C extends F {
   async layerSelectionChange(e) {
     this._showCreateFeatureComponent && this._backFromCreateFeature();
     const t = e.detail[0];
-    this.layerOrTable = this.mapView ? await m(this.mapView, t) : void 0;
+    this.layerOrTable = this.mapView ? await f(this.mapView, t) : void 0, await this._resetPasteWorkflow();
+  }
+  async mapChanged(e) {
+    await this._resetPasteWorkflow();
   }
   async relatedRecordToggled(e) {
     const t = e.detail;
     this.layerOrTable = t;
   }
+  async _copyFeatures(e) {
+    if (!this._pasteComponent.value)
+      return;
+    const t = e.detail.featuresIds, a = this.layerOrTable, s = await h(t, a, [], !0, this.mapView?.spatialReference), i = [];
+    s.forEach((r) => {
+      const l = {
+        layer: r.layer,
+        graphic: r,
+        type: "feature"
+      };
+      i.push(l);
+    }), this._pasteComponent.value.clipboard.setData(i), this.featuresCopied.emit(), this.requestUpdate();
+  }
+  async _pasteFeatures(e) {
+    if (!this._pasteComponent.value) {
+      console.error("Paste failed: paste component is not available.");
+      return;
+    }
+    try {
+      this._pasteComponent.value.closed = !1, await this._pasteComponent.value.showClipboardItems(!0), this.layerOrTable?.isTable || await this._pasteComponent.value.startMoveClipboard(!0), this.featuresPasted.emit();
+    } catch (t) {
+      console.error("Paste failed:", t);
+    }
+  }
+  _getLayerPermissionsCheck() {
+    const e = this.allowedPasteLayerIds?.length > 0 ? this.allowedPasteLayerIds.map(String) : this.layerOrTable?.id !== void 0 ? [String(this.layerOrTable.id)] : [], t = new Set(e);
+    return {
+      canCreate: (a) => t.has(String(a.id)) && a.editingEnabled && a.capabilities?.operations?.supportsAdd,
+      canUpdate: (a) => t.has(String(a.id)) && a.editingEnabled && a.capabilities?.operations?.supportsUpdate
+    };
+  }
+  async _resetPasteWorkflow() {
+    if (this._pasteComponent.value)
+      try {
+        await this._pasteComponent.value.showClipboardItems(!1), await this._pasteComponent.value.cancelMoveClipboard();
+      } catch (e) {
+        console.error("Reset paste workflow failed:", e);
+      } finally {
+        this._pasteComponent.value.closed = !0;
+      }
+  }
   async load() {
     this.selectedFeaturesIds?.length > 0 && (this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds));
   }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._clipboardWatchHandle?.remove(), this._clipboardWatchHandle = void 0;
+  }
   render() {
-    const e = this._graphics?.length > 0 ? "" : "display-none", t = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", i = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "", s = this.layerOrTable?.isTable, l = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, n = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd, o = this.createBtnLabel ? this.createBtnLabel : s ? this._translations.createRecord : this._translations.createFeature, c = !this.layerOrTable, h = this.enableSnapping && !this.layerOrTable?.isTable;
-    return a`<div class="overflow-auto height-full"><calcite-shell class=${`position-relative ${e}`}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${h} .graphics=${this._graphics} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} position=relative show-close-btn></info-card></div></calcite-shell><calcite-shell class=${`position-relative ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${l}</div></calcite-notice></div>${!this.isMobile && n && a`<calcite-button .disabled=${c} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${o}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${t}`}><calcite-flow-item selected><calcite-panel .heading=${o}><calcite-action appearance=solid class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start text></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && a`<calcite-button appearance=solid class="footer-top-button footer-button" @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell></div>`;
+    const e = (this._pasteComponent.value?.closed || !this.showCopyPasteActions) && this._graphics?.length > 0, t = this._pasteComponent.value?.closed ? "display-none" : "", a = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", s = this._graphics?.length > 0 || this._showCreateFeatureComponent || !this._pasteComponent.value?.closed && this.showCopyPasteActions ? "display-none" : "", i = this.layerOrTable?.isTable, r = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.editingEnabled && this.layerOrTable?.capabilities?.operations?.supportsAdd, c = this.createBtnLabel ? this.createBtnLabel : i ? this._translations.createRecord : this._translations.createFeature, u = !this.layerOrTable, m = this.enableSnapping && !this.layerOrTable?.isTable, C = this.layerOrTable?.isTable ? ["paste"] : ["paste", "paste-as"], _ = !this.layerOrTable?.isTable;
+    return o`<calcite-panel><div class="overflow-auto height-full">${e && o`<calcite-shell class=${"position-relative"}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${m} .graphics=${this._graphics.reverse()} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} .featuresReferenceId=${this.mapComponentId} position=relative .pasteEnabled=${this.pasteEnabled} show-close-btn .showCopyPasteActions=${this.showCopyPasteActions}></info-card></div></calcite-shell>` || ""}<calcite-shell class=${`position-relative ${s}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${r}</div></calcite-notice></div>${!this.isMobile && l && o`<calcite-button .disabled=${u} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${c}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${a}`}><calcite-flow-item selected><calcite-panel .heading=${c}><calcite-action class="back-button hydrated" .disabled=${this._createAndBackBtnDisabled} icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start .text=${this._translations.back}></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && o`<calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${this._createAndBackBtnDisabled} @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._activeFeatureCreationCount > 1 ? this._translations.createMultiple.replace("{{n}}", String(this._activeFeatureCreationCount)) : this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell>${this.showCopyPasteActions && o`<calcite-panel class=${v(t)}><arcgis-paste always-show-feature-form class=${`paste-component ${t}`} closed @arcgisReady=${this._pasteComponentReady} @arcgisApplyPasteCommand=${this._applyPasteCommand} @arcgisClose=${() => {
+      this._resetPasteWorkflow();
+    }} paste-with-multiple-layers-enabled paste-with-multiple-features-enabled .layerPermissionsCheck=${this._getLayerPermissionsCheck()} .supportedCommands=${C} .view=${this.mapView} ${p(this._pasteComponent)}>${_ && o`<calcite-notice slot=commands-page-message class="margin-top-10" open icon=move><div slot=message>${this._translations.moveClipboardFeatures}</div></calcite-notice>` || ""}</arcgis-paste></calcite-panel>` || ""}</div></calcite-panel>`;
   }
   getEditorComponent() {
     const e = this.enableSnapping && !this.layerOrTable?.isTable && this.enableCreateFeatures;
-    return a`<div>${this._showCreateFeatureComponent && a`<create-feature customize-submit .enableSnapping=${e} .mapView=${this.mapView} .isMobile=${this.isMobile} @drawComplete=${() => {
+    return o`<div>${this._showCreateFeatureComponent && o`<create-feature allow-multiple-creation customize-submit .enableSnapping=${e} .mapView=${this.mapView} .isMobile=${this.isMobile} @activeFeatureCountChange=${(t) => {
+      this._activeFeatureCreationCount = t.detail, this._showSubmitBtn = this._activeFeatureCreationCount > 0;
+    }} @drawComplete=${() => {
       this._showSubmitBtn = !0;
     }} @editingAttachment=${(t) => {
       this._showSubmitBtn = !t.detail;
@@ -51,24 +139,38 @@ class C extends F {
       setTimeout(() => {
         this._isFeatureCreated = !1;
       }, 2e3);
-    }} @success=${this._featureCreated} .showSketchWidgets=${this.showSketchWidgets} .selectedLayerId=${this.layerOrTable?.id} .showLayerVisibilityMsg=${this.layerOrTable?.visible === !1} ${f(this._createFeature)}></create-feature>` || ""}</div>`;
+    }} @success=${this._featureCreated} .showSketchWidgets=${this.showSketchWidgets} .selectedLayerId=${this.layerOrTable?.id} show-guiding-msg .showLayerVisibilityMsg=${this.layerOrTable?.visible === !1} ${p(this._createFeature)}></create-feature>` || ""}</div>`;
   }
   async _getFeaturesByIds(e) {
-    return (e.length > 0 && this.layerOrTable && this.mapView ? await p(e, this.layerOrTable, [], !0, this.mapView?.spatialReference) : []).sort((i, s) => e.indexOf(Number(i.getObjectId())) - e.indexOf(Number(s.getObjectId())));
+    return (e.length > 0 && this.layerOrTable && this.mapView ? await h(e, this.layerOrTable, [], !0, this.mapView?.spatialReference) : []).sort((a, s) => e.indexOf(Number(a.getObjectId())) - e.indexOf(Number(s.getObjectId())));
   }
   _createFeatureBtnClicked() {
-    this._showCreateFeatureComponent = !0, this.createWorkFlowStarted.emit();
+    this._showCreateFeatureComponent = !0, this._handleCreateAndBackBtn(!1), this.createWorkFlowStarted.emit();
   }
   async _backFromCreateFeature() {
-    this._createFeature.value && (this._showCreateFeatureComponent = !1, this.backFromCreateWorkFlow.emit()), this._showSubmitBtn = !1;
+    this._createFeatureEditor && await this._validateActiveEdits() && (this._showCreateFeatureComponent = !1, this.backFromCreateWorkFlow.emit(), this._showSubmitBtn = !1, this._handleCreateAndBackBtn(!1));
+  }
+  async _validateActiveEdits() {
+    let e = !0;
+    if (this._createFeatureEditor && this._hasPendingEdits()) {
+      let a = !1;
+      try {
+        this._handleCreateAndBackBtn(!0), this._createFeatureEditor.activeWorkflow && await this._createFeatureEditor.activeWorkflow.cancel({ force: !1 });
+      } catch (s) {
+        a = s?.name === "workflow:cancel-denied";
+      }
+      a && (this._handleCreateAndBackBtn(!1), e = !1);
+    }
+    return e;
+  }
+  _hasPendingEdits() {
+    return this._createFeatureEditor?.activeWorkflow?.hasPendingEdits;
   }
   _featureCreated() {
-    this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._isFeatureCreated = !0, this.featureOrRecordSubmitted.emit(), setTimeout(() => {
-      this._showCreateFeatureComponent = !0;
-    }, 50);
+    this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._isFeatureCreated = !0, this.featureOrRecordSubmitted.emit();
   }
 }
-d("card-manager", C);
+w("card-manager", S);
 export {
-  C as CardManager
+  S as CardManager
 };

package/dist/components/card-manager/index.js

@@ -1,9 +1,10 @@
+import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-shell";
 import "../info-card/index.js";
-import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-flow-item";
 import "@esri/calcite-components/components/calcite-action";
+import "@arcgis/map-components/components/arcgis-paste";
 import "../create-feature/index.js";
 export * from "./customElement.js";

package/dist/components/consent-manager/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type portalPortal from "@arcgis/core/portal/Portal.js";
 import type { Telemetry } from "@esri/telemetry";
 import type { IConsentResponse } from "../../utils/interfaces.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
@@ -58,7 +58,7 @@ export abstract class ConsentManager extends LitElement {
   /** string[]: Any ids for the analytics configured to receive events from the telemety instance */
   accessor measurementIds: string[];
   /** esri/portal/Portal: https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html */
-  accessor portal: __esri.Portal | undefined;
+  accessor portal: portalPortal | undefined;
   /** Initialize and return the telemetry instance if consent has been granted */
   getInstance(): Promise<Telemetry | undefined>;
   /** Emitted on demand when the user accepts or denies consent */