@esri/solutions-components 5.1.0-next.134 → 5.1.0-next.136

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
-import { css as g, html as s } from "lit";
+import { c as g } from "../../chunks/runtime.js";
+import { css as b, html as s } from "lit";
 import { c } from "../../chunks/queryUtils.js";
-import { d as w } from "../../chunks/mapViewUtils.js";
-import { u as _ } from "../../chunks/useT9n.js";
+import { d as _ } from "../../chunks/mapViewUtils.js";
+import { u as f } from "../../chunks/useT9n.js";
 import { createRef as p, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as o, noShadowRoot as b, safeClassMap as y } from "@arcgis/lumina";
-const F = g`@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 v extends f {
+import { LitElement as y, createEvent as o, noShadowRoot as F, safeClassMap as v } from "@arcgis/lumina";
+const $ = 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.mapComponentId = "", this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.allowedPasteLayerIds = [], this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._activeFeatureCreationCount = 1, this._isPasting = !1, this._translations = _({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = p(), this._pasteComponent = p(), this.createWorkFlowStarted = o(), this.backFromCreateWorkFlow = o(), this.featureOrRecordSubmitted = o(), this.featuresCopied = o(), this.featuresPasted = o(), this._featuresAdded = () => {
+    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._isPasting = !1, this._translations = f({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = p(), this._pasteComponent = p(), this.createWorkFlowStarted = o(), this.backFromCreateWorkFlow = o(), this.featureOrRecordSubmitted = o(), this.featuresCopied = o(), this.featuresPasted = o(), this._featuresAdded = () => {
       this._isPasting && this._pasteComponent.value && this._resetPasteWorkflow();
     }, this._pasteComponentReady = async () => {
       if (this._pasteComponent.value && this.mapComponentId && this._pasteComponent.value.referenceElement === void 0) {
@@ -32,10 +32,10 @@ class v extends f {
     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, _isPasting: 16, _translations: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = $;
   }
   static {
-    this.shadowRootOptions = b;
+    this.shadowRootOptions = F;
   }
   async featureSelectionChange(e) {
     this._showCreateFeatureComponent && !this._isFeatureCreated && this._backFromCreateFeature();
@@ -45,7 +45,7 @@ class v extends f {
   async layerSelectionChange(e) {
     this._showCreateFeatureComponent && this._backFromCreateFeature();
     const t = e.detail[0];
-    this.layerOrTable = this.mapView ? await w(this.mapView, t) : void 0, await this._resetPasteWorkflow();
+    this.layerOrTable = this.mapView ? await _(this.mapView, t) : void 0, await this._resetPasteWorkflow();
   }
   async mapChanged(e) {
     await this._resetPasteWorkflow();
@@ -73,7 +73,7 @@ class v extends f {
       return;
     }
     try {
-      this._pasteComponent.value.closed = !1, await this._pasteComponent.value.showClipboardItems(!0), await this._pasteComponent.value.startMoveClipboard(!0), this.featuresPasted.emit();
+      this._pasteComponent.value.closed = !1, await this._pasteComponent.value.showClipboardItems(!0), this.enableEditGeometry && !this.layerOrTable?.isTable && await this._pasteComponent.value.startMoveClipboard(!0), this.featuresPasted.emit();
     } catch (t) {
       console.error("Paste failed:", t);
     }
@@ -102,10 +102,10 @@ class v extends f {
     this.selectedFeaturesIds?.length > 0 && (this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds));
   }
   render() {
-    const e = (this._pasteComponent.value?.closed || !this.showCopyPasteActions) && this._graphics?.length > 0 ? "" : "display-none", t = this._pasteComponent.value?.closed ? "display-none" : "", a = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", i = this._graphics?.length > 0 || this._showCreateFeatureComponent || !this._pasteComponent.value?.closed && this.showCopyPasteActions ? "display-none" : "", r = this.layerOrTable?.isTable, n = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd, h = this.createBtnLabel ? this.createBtnLabel : r ? this._translations.createRecord : this._translations.createFeature, u = !this.layerOrTable, m = this.enableSnapping && !this.layerOrTable?.isTable;
-    return s`<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=${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 ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${n}</div></calcite-notice></div>${!this.isMobile && l && s`<calcite-button .disabled=${u} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${h}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${a}`}><calcite-flow-item selected><calcite-panel .heading=${h}><calcite-action class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start .text=${this._translations.back}></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && s`<calcite-button appearance=solid class="footer-top-button footer-button" @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 && s`<calcite-panel class=${y(t)} .loading=${this._isPasting}><arcgis-paste always-show-feature-form class=${`paste-component ${t}`} closed @arcgisReady=${this._pasteComponentReady} @arcgisApplyPasteCommand=${this._applyPasteCommand} @arcgisClose=${() => {
+    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", i = this._graphics?.length > 0 || this._showCreateFeatureComponent || !this._pasteComponent.value?.closed && this.showCopyPasteActions ? "display-none" : "", r = this.layerOrTable?.isTable, n = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd, h = this.createBtnLabel ? this.createBtnLabel : r ? this._translations.createRecord : this._translations.createFeature, u = !this.layerOrTable, m = this.enableSnapping && !this.layerOrTable?.isTable, C = this.layerOrTable?.isTable ? ["paste"] : ["paste", "paste-as"], w = this.enableEditGeometry && !this.layerOrTable?.isTable;
+    return s`<calcite-panel><div class="overflow-auto height-full">${e && s`<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 ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${n}</div></calcite-notice></div>${!this.isMobile && l && s`<calcite-button .disabled=${u} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${h}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${a}`}><calcite-flow-item selected><calcite-panel .heading=${h}><calcite-action class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start .text=${this._translations.back}></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && s`<calcite-button appearance=solid class="footer-top-button footer-button" @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 && s`<calcite-panel class=${v(t)} .loading=${this._isPasting}><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=${["paste", "paste-as"]} .view=${this.mapView} ${d(this._pasteComponent)}><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>`;
+    }} paste-with-multiple-layers-enabled paste-with-multiple-features-enabled .layerPermissionsCheck=${this._getLayerPermissionsCheck()} .supportedCommands=${C} .view=${this.mapView} ${d(this._pasteComponent)}>${w && s`<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;
@@ -136,7 +136,7 @@ class v extends f {
     }, 50);
   }
 }
-C("card-manager", v);
+g("card-manager", S);
 export {
-  v as CardManager
+  S as CardManager
 };

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

@@ -1,6 +1,6 @@
+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";

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { css as p, html as d } from "lit";
+import { css as f, html as d } from "lit";
+import { u as p } from "../../chunks/useT9n.js";
 import { LitElement as b, createEvent as n, noShadowRoot as g, safeClassMap as w } from "@arcgis/lumina";
 import { createRef as y, ref as _ } from "lit-html/directives/ref.js";
 import * as h from "@arcgis/core/core/reactiveUtils.js";
-const v = p`@layer{: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)}}`;
+const v = f`@layer{: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 k extends b {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = f({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._editor = y(), this._isSubmitBtnClicked = !1, this.success = n(), this.fail = n(), this.isActionPending = n(), this.formReady = n(), this._onEditorPropertyChange = () => {
+    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = p({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._editor = y(), this._isSubmitBtnClicked = !1, this.success = n(), this.fail = n(), this.isActionPending = n(), this.formReady = n(), this._onEditorPropertyChange = () => {
       const e = this._editor.value;
       e && (h.watch(() => e.state, (t) => {
         t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
@@ -26,11 +26,8 @@ class k extends b {
   static {
     this.shadowRootOptions = g;
   }
-  willUpdate(e) {
-    e.has("mapView");
-  }
   async submit() {
-    this._editor.value?.activeWorkflow && (this._isSubmitBtnClicked = !0, this._editor.value.activeWorkflow?.formViewModel?.submit?.());
+    this._editor.value?.activeWorkflow && (this._isSubmitBtnClicked = !0, this._editor.value.activeWorkflow?.formViewModel?.submit());
   }
   render() {
     const e = this._editorLoading ? "" : "display-none";

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

@@ -227,7 +227,7 @@ class F extends M {
     this._currentMapInfos = this.mapInfos, !this.enableMapList && this.defaultWebmap && (this._currentMapInfos = this.mapInfos.filter((e) => e.id === this.defaultWebmap));
   }
   _handleCopyPasteActions() {
-    this._layer && (this._showCopyPasteActions = this.enableCopyPaste && this._layer.capabilities.operations.supportsAdd && !this._layer.isTable && !this._isMobile);
+    this._layer && (this._showCopyPasteActions = this.enableCopyPaste && this._layer.capabilities.operations.supportsAdd && !this._isMobile);
   }
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;

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

@@ -17,7 +17,7 @@ class u extends f {
       }), this._activeWorkflowHandle = a.watch(() => t?.activeWorkflow, (e) => {
         (e?.type === "update" || e?.type === "create-features") && (this._shouldClose = !1), (!e?.type && !e?.hasPendingEdits && !t?.activeWorkflow || !t?.activeWorkflow?.started) && (this.allowMultipleEditing = !1, this.open = !1);
       }), a.watch(() => t?.state, (e) => {
-        e === "creating-features" && this.graphics[0].layer.isTable && !t?.viewModel?.featureTemplatesLayers?.items[0]?.isTable && this.creatingFeature.emit(), this._shouldEmitEditsComplete && e === "ready" && !t?.activeWorkflow && (this.editsComplete.emit(), this._shouldEmitEditsComplete = !1);
+        e === "creating-features" && this.graphics[0].layer.isTable && !t?.viewModel?.featureTemplatesLayers?.items.length && !t?.viewModel?.featureTemplatesLayers?.items[0]?.isTable && this.creatingFeature.emit(), this._shouldEmitEditsComplete && e === "ready" && !t?.activeWorkflow && (this.editsComplete.emit(), this._shouldEmitEditsComplete = !1);
       }), t && this.editorInitialized.emit(t), this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose && await this._startUpdate(), this._editorLoading = !1;
     }, this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
   }

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

@@ -22,7 +22,7 @@ class x extends w {
     this.shadowRootOptions = m;
   }
   willUpdate(e) {
-    if (e.has("graphics") && this.graphicsWatchHandler(), e.has("pasteEnabled") && this.hasUpdated && this._features.value) {
+    if (e.has("graphics") && this.graphicsWatchHandler(), e.has("pasteEnabled") && this.hasUpdated && this._features.value?.headerActions?.length) {
       const t = this._features.value.headerActions.find((a) => a.id === "paste-features");
       t && (t.disabled = !this.pasteEnabled);
     }
@@ -35,7 +35,7 @@ class x extends w {
     }
   }
   async graphicsWatchHandler() {
-    if (this._navigatedToRelatedFeature && this._features.value && (await this._features.value.clear(), await this._features.value.close(), this._count = "", this._navigatedToRelatedFeature = !1), await this.setGraphics(), this._features.value && this.showCopyPasteActions) {
+    if (this._navigatedToRelatedFeature && this._features.value && (await this._features.value.clear(), await this._features.value.close(), this._count = "", this._navigatedToRelatedFeature = !1), await this.setGraphics(), this._features.value?.headerActions?.length && this.showCopyPasteActions) {
       const e = this._features.value.headerActions.find((t) => t.id === "copy-features");
       e && (e.disabled = this.graphics.length === 0);
     }

package/dist/components/layer-table/customElement.js

@@ -192,7 +192,7 @@ class M extends C {
     this._creatingFeature = !1;
   }
   _pasteFeatures() {
-    this._zoom();
+    this._layer?.isTable || this._zoom();
   }
   _featuresPasted() {
     this._shouldSelectFeatureAfterCreate = !0;