@esri/solutions-components 5.1.0 → 5.1.2

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

@@ -5,14 +5,14 @@ import { u as A } from "../../chunks/useT9n.js";
 import { css as M, html as o, nothing as y } from "lit";
 import { createRef as d, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as c, noShadowRoot as k, safeClassMap as v } from "@arcgis/lumina";
-import { p as L } from "../../chunks/queryUtils.js";
-import P from "@arcgis/core/form/ExpressionInfo.js";
+import { p as P } from "../../chunks/queryUtils.js";
+import L from "@arcgis/core/form/ExpressionInfo.js";
 import F from "@arcgis/core/layers/FeatureLayer.js";
 import C from "@arcgis/core/form/elements/FieldElement.js";
 import S from "@arcgis/core/form/FormTemplate.js";
 import $ from "@arcgis/core/views/MapView.js";
 import V from "@arcgis/core/Graphic.js";
-import * as f from "@arcgis/core/core/reactiveUtils.js";
+import * as m from "@arcgis/core/core/reactiveUtils.js";
 import * as R from "@arcgis/core/rest/locator.js";
 import b from "@arcgis/core/request.js";
 import * as T from "exifr";
@@ -128,10 +128,10 @@ class N extends E {
   render() {
     const e = this._currentPage === "loading" ? "" : "display-none", t = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", i = this._inValidGeometryDrawn ? "danger" : "success", a = this._inValidGeometryDrawn ? "exclamation-mark-triangle" : "lightbulb", s = this.showLayerVisibilityMsg && this._currentPage === "templatePicker", r = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
     let n = this._translations.chooseCategoryMsg;
-    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, m = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
+    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, f = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
     return this._inValidGeometryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? n = this._aiAnalysisInfo?.results?.filter((u) => u.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), o`${p && o`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._analysisFailed = !1;
-    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${m}</div></calcite-alert>` || ""}${g && o`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && o`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && o`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && o`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._getEditor()}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${f}</div></calcite-alert>` || ""}${g && o`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && o`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && o`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && o`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._getEditor()}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadLayerInfos()));
@@ -254,7 +254,7 @@ class N extends E {
             longitude: r.longitude,
             latitude: r.latitude,
             spatialReference: new z({ wkid: 4326 })
-          }), l = await L(n, this.mapView.spatialReference);
+          }), l = await P(n, this.mapView.spatialReference);
           this._aiAnalysisInfo && (this._aiAnalysisInfo.location = l);
         }
       }
@@ -368,21 +368,26 @@ class N extends E {
   }
   async _onEditorPropertyChange() {
     const e = this._editor.value;
-    e?.state && (this._drawingHandler || (this._drawingHandler = f.watch(() => e.state, async (t) => {
+    e?.state && (this._drawingHandler || (this._drawingHandler = m.watch(() => e.state, async (t) => {
       const i = this._editor.value?.activeWorkflow, a = i?.formViewModel;
       if (t === "creating-features" && (a?.status === "not-loaded" || a?.state === "disabled") && (this._mapViewContainer.value?.classList.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing", this.progressStatus.emit(50), i?.sketchViewModel?.createGraphic && this._aiAnalysisInfo?.location && (await this._goToAndWaitForStationary({ center: this._aiAnalysisInfo.location }), this._selectedLayer.geometryType === "point" && await this._initializeSketchPoint(this._aiAnalysisInfo.location.clone()))), this.isMobile && this._adjustPanelContentHeight(), this._searchRef.value && await this._searchRef.value.setFocus()), t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1), !this._featureFormHandler) {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
-        this._featureFormHandler = f.watch(() => r?.status !== void 0 ? r?.status : r?.state, (n) => {
-          this._currentPage !== "editing" && (n === "loaded" || n === "ready") ? (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), setTimeout(() => {
-            this._setFloorLevel(this.floorLevel), this._aiAnalysisInfo?.results && this._setAttributeValuesFromAIAnalysis();
-          }, 500), !this.allowMultipleCreation && this._editor.value?.activeWorkflow && (this._editor.value.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1)) : this.allowMultipleCreation && this._currentPage !== "editing" && (n === "not-loaded" || n === "disabled") && (this._currentPage = "drawingMultipleFeatures");
-        });
+        r.state ? this._featureFormHandler = m.watch(() => r?.state, (n) => {
+          this._currentPage !== "editing" && n === "ready" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "disabled" && (this._currentPage = "drawingMultipleFeatures");
+        }) : r.status && (this._featureFormHandler = m.watch(() => r?.status, (n) => {
+          this._currentPage !== "editing" && n === "loaded" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "not-loaded" && (this._currentPage = "drawingMultipleFeatures");
+        }));
       }
-      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = f.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
+      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = m.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
         s === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(s);
       })));
     })), await this.hideEditorsElements());
   }
+  initFeatureFormPage() {
+    this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), setTimeout(() => {
+      this._setFloorLevel(this.floorLevel), this._aiAnalysisInfo?.results && this._setAttributeValuesFromAIAnalysis();
+    }, 500), !this.allowMultipleCreation && this._editor.value?.activeWorkflow && (this._editor.value.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1);
+  }
   _adjustPanelContentHeight() {
     setTimeout(() => {
       const e = document.querySelector("arcgis-editor");
@@ -417,7 +422,7 @@ class N extends E {
       animate: !0,
       duration: this.isMobile ? 1200 : 800,
       easing: "ease-in-out"
-    }), await f.whenOnce(() => t.stationary));
+    }), await m.whenOnce(() => t.stationary));
   }
   async _initializeSketchPoint(e) {
     this.isMobile && await new Promise((s) => setTimeout(s, 1e3));
@@ -471,7 +476,7 @@ class N extends E {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
         r.status === "loaded" ? await r.setValueForFieldName?.(a.name, e, r.features) : r.state === "ready" && r.setValue?.(a.name, e), a.editable = !1;
       } else if (t.formTemplate && this.formElements) {
-        const s = new P({
+        const s = new L({
           expression: `'${e}'`,
           name: "floor-info-test",
           title: "Floor Info",
@@ -488,12 +493,12 @@ class N extends E {
           valueExpression: s.name
         });
         this._updatedMapView?.map.editableLayers.forEach((n) => {
-          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, m = [...l];
-          if (m.push(r), n.type === "feature") {
+          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, f = [...l];
+          if (f.push(r), n.type === "feature") {
             const g = n, u = new S({
               title: g?.formTemplate?.title,
               description: g?.formTemplate?.description,
-              elements: m,
+              elements: f,
               expressionInfos: [s].concat(p)
             });
             n.formTemplate = u;

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

@@ -4,19 +4,21 @@ import { css as f, html as d } from "lit";
 import { u as p } from "../../chunks/useT9n.js";
 import { LitElement as g, createEvent as n, noShadowRoot as b, 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";
+import * as c from "@arcgis/core/core/reactiveUtils.js";
 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 g {
   constructor() {
     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 t = this._editor.value;
       if (t) {
-        h.watch(() => t.state, (e) => {
+        c.watch(() => t.state, (e) => {
           e === "adding-attachment" || e === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
         });
         const i = t.activeWorkflow?.formViewModel;
-        h.watch(() => i?.status !== "undefined" ? i.status : i.state, (e) => {
-          (e === "loaded" || e === "ready") && this.formReady.emit();
+        i.state ? c.watch(() => i.state, (e) => {
+          e === "ready" && this.formReady.emit();
+        }) : i.status && c.watch(() => i.status, (e) => {
+          e === "loaded" && this.formReady.emit();
         });
       }
     };
@@ -57,8 +59,8 @@ class k extends g {
           template: l
         };
         await this._editor.value?.startCreateFeaturesWorkflowAtFeatureCreation(u), await this.hideEditorsElements();
-        const c = this._editor.value?.activeWorkflow?.formViewModel;
-        c && this._editor.value?.activeWorkflow?.formViewModel?.addHandles(c.on("submit", this.submitted.bind(this)));
+        const h = this._editor.value?.activeWorkflow?.formViewModel;
+        h && this._editor.value?.activeWorkflow?.formViewModel?.addHandles(h.on("submit", this.submitted.bind(this)));
       }
     }
   }

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

@@ -123,12 +123,6 @@ export abstract class CrowdsourceManager extends LitElement {
    * @default true
    */
   accessor enableColumnReorder: boolean;
-  /**
-   * boolean: when true the copy and paste actions will be available
-   *
-   * @default true
-   */
-  accessor enableCopyPaste: boolean;
   /**
    * boolean: when true the export to csv button will be available
    *

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

@@ -4,16 +4,16 @@ import { g as $ } from "../../chunks/mapViewUtils.js";
 import { defineCustomElements as v } from "@arcgis/instant-apps-components/dist/loader";
 import { u as C } from "../../chunks/useT9n.js";
 import { css as I, html as s, nothing as L } from "lit";
-import { createRef as c, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as M, createEvent as _, noShadowRoot as x, safeClassMap as b, safeStyleMap as T } from "@arcgis/lumina";
+import { createRef as p, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as M, createEvent as _, noShadowRoot as x, safeClassMap as f, safeStyleMap as T } from "@arcgis/lumina";
 import { setupViewFocusKeyboardWatcher as S } from "templates-common-library/functionality/keyboardUtils";
 const F = I`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-surface-2)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.z-index-2{z-index:2!important}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-top{border-top:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.display-grid{display:grid}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.border-width-0{border-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;margin:100px 0;z-index:1}.left-0{left:0}.right-0{right:0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-surface-1)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
 class V extends M {
   constructor() {
-    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this.enableCopyPaste = !0, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = "GRID", this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._showInvalidMapAlert = !1, this._currentMapInfos = [], this._pasteEnabled = !1, this._showCopyPasteActions = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = c(), this._shouldSetMapView = !1, this._filterList = c(), this._mapCard = c(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = _(), this.showCoverPage = _(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), this.listenOn(window, "featuresCopied", this.featuresCopied), this.listenOn(window, "disablePaste", this.disablePaste), this.listenOn(window, "idsFound", this.idsFound), v(window);
+    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = "GRID", this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._showInvalidMapAlert = !1, this._currentMapInfos = [], this._pasteEnabled = !1, this._showCopyPasteActions = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = p(), this._shouldSetMapView = !1, this._filterList = p(), this._mapCard = p(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = _(), this.showCoverPage = _(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), this.listenOn(window, "featuresCopied", this.featuresCopied), this.listenOn(window, "disablePaste", this.disablePaste), this.listenOn(window, "idsFound", this.idsFound), v(window);
   }
   static {
-    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableLayerList: 5, enableMapList: 5, visibilityIcon: 1, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, enableSelectionTool: 5, featureSelectionMode: 1, enableCopyPaste: 5, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerExpressions: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16, _deleteIds: 16, _showInvalidMapAlert: 16, _currentMapInfos: 16, _pasteEnabled: 16, _showCopyPasteActions: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableLayerList: 5, enableMapList: 5, visibilityIcon: 1, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, enableSelectionTool: 5, featureSelectionMode: 1, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerExpressions: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16, _deleteIds: 16, _showInvalidMapAlert: 16, _currentMapInfos: 16, _pasteEnabled: 16, _showCopyPasteActions: 16 };
   }
   static {
     this.styles = F;
@@ -22,7 +22,7 @@ class V extends M {
     this.shadowRootOptions = x;
   }
   willUpdate(e) {
-    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler(), e.has("_isMobile") && this.hasUpdated && this._handleCopyPasteActions(), e.has("enableCopyPaste") && this.hasUpdated && this._handleCopyPasteActions();
+    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler(), e.has("_isMobile") && this.hasUpdated && this._handleCopyPasteActions();
   }
   appLayoutWatchHandler(e, t) {
     e !== t && (this._layerTable.value?.validateTableUpdate(e === "splitView"), this._setActiveLayout(e), this.appLayout === "mapView" && this._layer?.isTable && this._mapCard.value && this._mapCard.value.updateLayer(), this._isMapViewOnLoad && this._layerTable.value && this._layerTable.value.refresh());
@@ -83,7 +83,7 @@ class V extends M {
   }
   render() {
     const e = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "", t = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", i = this._translations.invalidWebMapMsg?.replace("{{web_map}}", this._mapInfo?.name || "");
-    return s`${this._showInvalidMapAlert && s`<calcite-alert auto-close class=${b(t)} icon=check-circle kind=danger label @calciteAlertClose=${() => {
+    return s`${this._showInvalidMapAlert && s`<calcite-alert auto-close class=${f(t)} icon=check-circle kind=danger label @calciteAlertClose=${() => {
       this._showInvalidMapAlert = !1;
     }} open placement=top><div slot=message>${i}</div></calcite-alert>` || ""}<calcite-shell class="position-relative"><calcite-panel class=${`width-full height-full ${e}`} .loading=${this._isLoading}>${this._getBody(this._layoutMode, this._panelOpen, this._hideTable)}</calcite-panel>${this._getFooter()}</calcite-shell>${this._filterModal()}${!this._isMobile && this._deleteModal() || ""}`;
   }
@@ -172,8 +172,8 @@ class V extends M {
     }} .pasteEnabled=${this._pasteEnabled} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showCopyPasteActions=${this._showCopyPasteActions} .showSketchWidgets=${l?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   _getTable(e, t, i) {
-    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", f = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
-    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${p ? f : void 0} .defaultLayerId=${p ? this.defaultLayer : ""} .defaultOid=${p && !f ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${b(r)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", c = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
+    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${c ? b : void 0} .defaultLayerId=${c ? this.defaultLayer : ""} .defaultOid=${c && !b ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${f(r)} id=full-map-view></div></calcite-shell>`;
   }
   getActions(e, t) {
     const i = this._getDividerIcon(e, t), a = t ? this._translations.close : this._translations.open, l = "toggle-layout";
@@ -191,7 +191,7 @@ class V extends M {
   }
   _mapExtentFilter() {
     const e = this._layerExpressions?.length === 0;
-    return s`<calcite-panel><div><calcite-block class=${b(this.theme === "dark" ? "background-dark" : "")} heading menu-placement=bottom-end open><div class="filter-extent-container"><div class="filter-extent-message"><span>${this._translations.filterByExtentMsg}</span><calcite-icon icon=information id=filter-message-info scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top reference-element=filter-message-info>${this._translations.filterByExtentTooltipMsg}</calcite-tooltip></div><calcite-switch .checked=${this._mapExtentFilterChecked} @calciteSwitchChange=${(t) => {
+    return s`<calcite-panel><div><calcite-block class=${f(this.theme === "dark" ? "background-dark" : "")} heading menu-placement=bottom-end open><div class="filter-extent-container"><div class="filter-extent-message"><span>${this._translations.filterByExtentMsg}</span><calcite-icon icon=information id=filter-message-info scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top reference-element=filter-message-info>${this._translations.filterByExtentTooltipMsg}</calcite-tooltip></div><calcite-switch .checked=${this._mapExtentFilterChecked} @calciteSwitchChange=${(t) => {
       const a = !!(t.target.checked || this._filterList.value?.filterCount && this._filterList.value?.filterCount > 0);
       this._layerTable.value && this._layerTable.value?.filterUpdate(a, t.target.checked), this._mapCard.value && this._mapCard.value?.updateFilterState(a), this._mapExtentFilterChecked = t.target.checked;
     }} scale=m></calcite-switch></div></calcite-block>${e && s`<div class="filter-modal-buttons" slot=footer><calcite-button appearance=outline @click=${this._handleFilterListReset} width=full>${this._translations.Resetfilter}</calcite-button><calcite-button @click=${this._closeFilter} width=full>${this._translations.close}</calcite-button></div>` || ""}</div></calcite-panel>`;
@@ -218,7 +218,7 @@ class V extends M {
     this._filterOpen = !this._filterOpen;
   }
   _handleFilterListReset() {
-    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value?.isFilterActive() && this._layerTable.value.filterReset();
+    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value.filterReset();
   }
   async _closeFilter() {
     this._filterOpen && (this._filterOpen = !1, this._layerTable.value && this._layerTable.value.closeFilter());
@@ -231,7 +231,10 @@ class V 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._isMobile);
+    if (this._layer) {
+      const e = this._mapInfo?.enableCopyPaste !== !1;
+      this._showCopyPasteActions = e && !this._isMobile;
+    }
   }
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;

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

@@ -632,7 +632,7 @@ class M extends A {
   tempHighlightOnHover(e) {
     if (this._removeTempHighlight(), this._selectedLayerView) {
       const t = e.feature;
-      t && (this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" }));
+      t?.geometry && (this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" }));
     }
   }
   _removeTempHighlight() {
@@ -689,8 +689,8 @@ class M extends A {
   async _applyPastedFeatureHighlights() {
     const e = [...this._pastedFeaturesIds];
     await new Promise((t) => {
-      requestAnimationFrame(() => {
-        this._table?.highlightIds.addMany(e), this._pastedFeaturesIds = [], t();
+      requestAnimationFrame(async () => {
+        await new Promise((i) => setTimeout(i, 300)), this._table?.highlightIds.addMany(e), this._pastedFeaturesIds = [], t();
       });
     });
   }

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

@@ -74,7 +74,7 @@ class x extends L {
   render() {
     this._setZoomToolsSize();
     const t = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), s = !this._showTools && !this._showSelectionTools ? "display-none" : t, i = this._showEllipsisTools ? "" : "display-none", l = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", c = this._showLegendWidget ? "" : "display-none", p = this._showFloorFilter ? "" : "display-none", d = this._showLayersListWidget ? "" : "display-none", g = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableLayerList && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = document.dir === "rtl" ? "margin-right-1-2" : "margin-left-1-2", u = this.enableSingleExpand ? this.layout === "horizontal" ? w : "margin-top-1-2" : "", y = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", m = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "", b = this._showSelectionTools ? this.selectionTools : this._mapTools;
-    return a`<div class=${`${f} ${t} height-0`}>${this.enableSingleExpand ? a`<div class=${h(m)}>${this._getActionGroup(e, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${h(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${h(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${h(o)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${h(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${h(c)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${h(d)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${h(p)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    return a`<div class=${`${f} ${t} height-0`}>${this.enableSingleExpand ? a`<div class=${h(m)}>${this._getActionGroup(e, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${h(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${h(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${h(o)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${h(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${h(c)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${h(d)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${h(p)} .enabled=${this.enableFloorFilter && this._hasFloorInfo} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !1;
     }} .selectedLayerId=${this.selectedLayer?.id} ${r(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && a`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && a`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this.configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }