@esri/solutions-components 0.6.25 → 0.6.27

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

@@ -52,6 +52,19 @@ export class BufferTools {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Get the translated unit for display
+   *
+   * @returns Promise resolving with the translated unit
+   */
+  async getTranslatedUnit(unit) {
+    return this._units[unit];
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -63,6 +76,7 @@ export class BufferTools {
   async componentWillLoad() {
     await this._getTranslations();
     await this._initModules();
+    this._initTranslatedUnits();
   }
   /**
    * Renders the component.
@@ -89,21 +103,28 @@ export class BufferTools {
     this._geometryEngine = geometryEngine;
   }
   /**
-   * Gets the nodes for each of the possible distance units
-   *
-   * @returns An array of option nodes
+   * Init the lookup hash for translated units
    *
    * @protected
    */
-  _getUnits() {
-    const units = {
+  _initTranslatedUnits() {
+    this._units = {
       "feet": this._translations.feet,
       "meters": this._translations.meters,
       "miles": this._translations.miles,
       "kilometers": this._translations.kilometers
     };
-    return Object.keys(units).map(u => {
-      return (h("calcite-option", { label: units[u], selected: this.unit === u, value: u }));
+  }
+  /**
+   * Gets the nodes for each of the possible distance units
+   *
+   * @returns An array of option nodes
+   *
+   * @protected
+   */
+  _getUnits() {
+    return Object.keys(this._units).map(u => {
+      return (h("calcite-option", { label: this._units[u], selected: this.unit === u, value: u }));
     });
   }
   /**
@@ -470,6 +491,33 @@ export class BufferTools {
         }
       }];
   }
+  static get methods() {
+    return {
+      "getTranslatedUnit": {
+        "complexType": {
+          "signature": "(unit: string) => Promise<string>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            }
+          },
+          "return": "Promise<string>"
+        },
+        "docs": {
+          "text": "Get the translated unit for display",
+          "tags": [{
+              "name": "returns",
+              "text": "Promise resolving with the translated unit"
+            }]
+        }
+      }
+    };
+  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{

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

@@ -44,8 +44,7 @@ export class EditCard {
    */
   async graphicsWatchHandler() {
     if (this.graphics.length === 0) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   async openWatchHandler(v) {
@@ -54,14 +53,12 @@ export class EditCard {
       this._editorLoading = true;
       this._initEditorWidget();
       if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-        await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
+        await this._startUpdate();
       }
       this._editorLoading = false;
     }
     if (!v) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   //--------------------------------------------------------------------------
@@ -92,13 +89,8 @@ export class EditCard {
         this._layerEditHandle.remove();
       }
       this._layerEditHandle = this._layer.on("edits", () => {
-        this._editorLoading = true;
         this.editsComplete.emit();
-        this._shouldClose = false;
-        this._initEditorWidget();
-        void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
-        this._editorLoading = false;
+        this._closeEdit();
       });
     }
   }
@@ -146,7 +138,11 @@ export class EditCard {
       const container = document.createElement("div");
       this._editor = new this.Editor({
         allowedWorkflows: "update",
-        view: this.mapView,
+        //view: this.mapView,
+        layerInfos: [{
+            layer: this._layer,
+            geometryUpdatesEnabled: false
+          }],
         visibleElements: {
           snappingControls: false,
           sketchTooltipControls: false
@@ -165,12 +161,10 @@ export class EditCard {
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this._shouldClose = false;
-          this.closeEdit.emit();
+          this._closeEdit();
         }
         else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-          void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-          this._shouldClose = true;
+          void this._startUpdate();
         }
       });
       this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
@@ -182,6 +176,24 @@ export class EditCard {
       this._editContainer.appendChild(container);
     }
   }
+  /**
+   * Close the edit widget
+   *
+   * @returns void
+   */
+  _closeEdit() {
+    this._shouldClose = false;
+    this.closeEdit.emit();
+  }
+  /**
+   * Start the update workflow for the editor widget
+   *
+   * @returns void
+   */
+  async _startUpdate() {
+    await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+    this._shouldClose = true;
+  }
   /**
    * Fetches the component's translations
    *

package/dist/collection/components/layer-table/layer-table.css

@@ -22,6 +22,10 @@
   height: 100%;
 }
 
+.height-full-adjusted {
+  height: calc(100% - 20px);
+}
+
 .width-full {
   width: 100%;
 }

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

@@ -159,7 +159,7 @@ export class LayerTable {
     const loadingClass = this._fetchingData ? "" : "display-none";
     const total = this._allIds.length.toString();
     const selected = this._selectedIndexes.length.toString();
-    return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
+    return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full-adjusted width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
       .replace("{{selected}}", selected)))), this._deleteMessage()));
   }
@@ -340,7 +340,7 @@ export class LayerTable {
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
+    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
   }
   /**
    * Delete the currently selected features

package/dist/collection/components/map-card/map-card.js

@@ -59,6 +59,7 @@ export class MapCard {
    */
   async componentWillLoad() {
     await this._initModules();
+    this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
   }
   /**
    * Renders the component.
@@ -79,14 +80,16 @@ export class MapCard {
    * @protected
    */
   async _initModules() {
-    const [WebMap, MapView, Home] = await loadModules([
+    const [WebMap, MapView, Home, esriConfig] = await loadModules([
       "esri/WebMap",
       "esri/views/MapView",
-      "esri/widgets/Home"
+      "esri/widgets/Home",
+      "esri/config"
     ]);
     this.WebMap = WebMap;
     this.MapView = MapView;
     this.Home = Home;
+    this.esriConfig = esriConfig;
   }
   /**
    * Load the webmap for the provided webMapInfo

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -118,7 +118,7 @@ export class MapSelectTools {
   async getSelection() {
     // Allow any non whitespace
     if (!/\S+/gm.test(this._selectionLabel)) {
-      this._updateLabel();
+      await this._updateLabel();
     }
     return {
       id: this.isUpdate ? this.selectionSet.id : Date.now(),
@@ -149,16 +149,16 @@ export class MapSelectTools {
   /**
    * Handle changes to the buffer distance value
    */
-  distanceChanged(event) {
-    this._distanceChanged(event.detail);
+  async distanceChanged(event) {
+    await this._distanceChanged(event.detail);
   }
   /**
    * Handle changes to the buffer unit
    */
-  unitChanged(event) {
+  async unitChanged(event) {
     if (event.detail.newValue !== event.detail.oldValue) {
       this._unit = event.detail.newValue;
-      this._updateLabel();
+      await this._updateLabel();
     }
   }
   //--------------------------------------------------------------------------
@@ -334,7 +334,7 @@ export class MapSelectTools {
           const useOIDs = ((_b = (_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id) && searchResults.source.layer.id === this.selectLayerView.layer.id;
           const oids = useOIDs ? [searchResults.result.feature.getObjectId()] : undefined;
           this._workflowType = EWorkflowType.SEARCH;
-          this._updateLabel();
+          void this._updateLabel();
           const graphics = [searchResults.result.feature];
           this._updateSelection(graphics, useOIDs, oids);
           this._drawTools.graphics = graphics;
@@ -446,7 +446,7 @@ export class MapSelectTools {
       if (this._workflowType === EWorkflowType.SKETCH) {
         this._drawTools.updateGraphics();
       }
-      this._updateLabel();
+      await this._updateLabel();
       this._clearSearchWidget();
       if (this._useLayerFeaturesEnabled && !forceUpdate) {
         // Will only ever be a single graphic
@@ -564,7 +564,7 @@ export class MapSelectTools {
     }
     // mock this b/c the tools can store a value that is different than what is shown in the map
     // this occurs when a distance is set but then buffer is disabled
-    this._distanceChanged({
+    await this._distanceChanged({
       oldValue,
       newValue
     });
@@ -643,7 +643,7 @@ export class MapSelectTools {
    *
    * @protected
    */
-  _updateLabel() {
+  async _updateLabel() {
     var _a, _b;
     const hasSketch = this._selectionLabel.indexOf(this._translations.sketch) > -1;
     const hasSelect = this._selectionLabel.indexOf(this._translations.select) > -1;
@@ -651,7 +651,8 @@ export class MapSelectTools {
     const label = this._workflowType === EWorkflowType.SEARCH ? (_b = this._searchResult) === null || _b === void 0 ? void 0 : _b.name :
       this._workflowType === EWorkflowType.SELECT ?
         this._translations.select : this._translations.sketch;
-    const unit = !this._unit ? this._bufferTools.unit : this._unit;
+    const _unit = !this._unit ? this._bufferTools.unit : this._unit;
+    const unit = await this._bufferTools.getTranslatedUnit(_unit);
     const distance = isNaN(this._distance) ? this._bufferTools.distance : this._distance;
     this._selectionLabel = hasSketch || hasSelect || hasSearch || !this._selectionLabel ?
       `${label} ${distance} ${unit}` : this._selectionLabel;
@@ -696,7 +697,7 @@ export class MapSelectTools {
     const id = ((_a = evt === null || evt === void 0 ? void 0 : evt.detail) === null || _a === void 0 ? void 0 : _a.length) > 0 ? evt.detail[0] : "";
     if (!this.selectLayerView || id !== this.selectLayerView.layer.id) {
       this.selectLayerView = await getFeatureLayerView(this.mapView, id);
-      this._updateLabel();
+      await this._updateLabel();
       this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) :
         await this._highlightWithOIDsOrGeoms();
     }
@@ -704,10 +705,10 @@ export class MapSelectTools {
   /**
    * Handle changes to the buffer distance value
    */
-  _distanceChanged(detail) {
+  async _distanceChanged(detail) {
     if (detail.newValue !== detail.oldValue) {
       this._distance = detail.newValue;
-      this._updateLabel();
+      await this._updateLabel();
     }
   }
   /**

package/dist/collection/components/public-notification/public-notification.css

@@ -43,15 +43,6 @@
   width: 33.33%;
 }
 
-.action-center {
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-grid-row-align: center;
-  align-items: center;
-  align-content: center;
-  justify-content: center;
-}
-
 .width-full {
   width: 100%;
 }

package/dist/collection/components/public-notification/public-notification.js

@@ -299,8 +299,8 @@ export class PublicNotification {
    * @protected
    */
   _getActionGroup(icon, pageType, tip) {
-    const sizeClass = this.showRefineSelection ? " w-1-3" : " w-1-2";
-    return (h("calcite-action-group", { class: "action-center" + sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
+    const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
+    return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
   }
   /**
    * Navigate to the defined page type
@@ -516,7 +516,7 @@ export class PublicNotification {
   _getExportOptions() {
     const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
     const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
-    const title = this._titleValue !== undefined ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
+    const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
     return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { defaultNumLabelsPerPage: this.defaultNumLabelsPerPage, disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
   }
   /**

package/dist/collection/demos/crowdsource-manager.html

@@ -83,6 +83,9 @@
         demo.mapInfos = [
           ...custom,
           ...[{
+            id: "e443af6208f6482d8737c406bdbcb17d",
+            name: "edit issues"
+          }, {
             id: "ce3dec81bf714d3bb71da9691ab686d1",
             name: "Popup Configured Map",
             // filters: {},

package/dist/components/buffer-tools2.js

@@ -53,6 +53,19 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class BufferTools extends H
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Get the translated unit for display
+   *
+   * @returns Promise resolving with the translated unit
+   */
+  async getTranslatedUnit(unit) {
+    return this._units[unit];
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -64,6 +77,7 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class BufferTools extends H
   async componentWillLoad() {
     await this._getTranslations();
     await this._initModules();
+    this._initTranslatedUnits();
   }
   /**
    * Renders the component.
@@ -90,21 +104,28 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class BufferTools extends H
     this._geometryEngine = geometryEngine;
   }
   /**
-   * Gets the nodes for each of the possible distance units
-   *
-   * @returns An array of option nodes
+   * Init the lookup hash for translated units
    *
    * @protected
    */
-  _getUnits() {
-    const units = {
+  _initTranslatedUnits() {
+    this._units = {
       "feet": this._translations.feet,
       "meters": this._translations.meters,
       "miles": this._translations.miles,
       "kilometers": this._translations.kilometers
     };
-    return Object.keys(units).map(u => {
-      return (h("calcite-option", { label: units[u], selected: this.unit === u, value: u }));
+  }
+  /**
+   * Gets the nodes for each of the possible distance units
+   *
+   * @returns An array of option nodes
+   *
+   * @protected
+   */
+  _getUnits() {
+    return Object.keys(this._units).map(u => {
+      return (h("calcite-option", { label: this._units[u], selected: this.unit === u, value: u }));
     });
   }
   /**
@@ -231,7 +252,8 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class BufferTools extends H
     "unionResults": [1028, "union-results"],
     "unit": [1025],
     "disabled": [4],
-    "_translations": [32]
+    "_translations": [32],
+    "getTranslatedUnit": [64]
   }, undefined, {
     "geometries": ["geometriesWatchHandler"],
     "disabled": ["disabledWatchHandler"]

package/dist/components/edit-card2.js

@@ -39,8 +39,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
    */
   async graphicsWatchHandler() {
     if (this.graphics.length === 0) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   async openWatchHandler(v) {
@@ -49,14 +48,12 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
       this._editorLoading = true;
       this._initEditorWidget();
       if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-        await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
+        await this._startUpdate();
       }
       this._editorLoading = false;
     }
     if (!v) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   //--------------------------------------------------------------------------
@@ -87,13 +84,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
         this._layerEditHandle.remove();
       }
       this._layerEditHandle = this._layer.on("edits", () => {
-        this._editorLoading = true;
         this.editsComplete.emit();
-        this._shouldClose = false;
-        this._initEditorWidget();
-        void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
-        this._editorLoading = false;
+        this._closeEdit();
       });
     }
   }
@@ -141,7 +133,11 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
       const container = document.createElement("div");
       this._editor = new this.Editor({
         allowedWorkflows: "update",
-        view: this.mapView,
+        //view: this.mapView,
+        layerInfos: [{
+            layer: this._layer,
+            geometryUpdatesEnabled: false
+          }],
         visibleElements: {
           snappingControls: false,
           sketchTooltipControls: false
@@ -160,12 +156,10 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this._shouldClose = false;
-          this.closeEdit.emit();
+          this._closeEdit();
         }
         else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-          void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-          this._shouldClose = true;
+          void this._startUpdate();
         }
       });
       this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
@@ -177,6 +171,24 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
       this._editContainer.appendChild(container);
     }
   }
+  /**
+   * Close the edit widget
+   *
+   * @returns void
+   */
+  _closeEdit() {
+    this._shouldClose = false;
+    this.closeEdit.emit();
+  }
+  /**
+   * Start the update workflow for the editor widget
+   *
+   * @returns void
+   */
+  async _startUpdate() {
+    await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+    this._shouldClose = true;
+  }
   /**
    * Fetches the component's translations
    *

package/dist/components/layer-table2.js

@@ -33,7 +33,7 @@ import { d as defineCustomElement$3 } from './shell.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}";
 
 const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTMLElement {
   constructor() {
@@ -174,7 +174,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const loadingClass = this._fetchingData ? "" : "display-none";
     const total = this._allIds.length.toString();
     const selected = this._selectedIndexes.length.toString();
-    return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
+    return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full-adjusted width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
       .replace("{{selected}}", selected)))), this._deleteMessage()));
   }
@@ -355,7 +355,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
+    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
   }
   /**
    * Delete the currently selected features

package/dist/components/map-card2.js

@@ -69,6 +69,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    */
   async componentWillLoad() {
     await this._initModules();
+    this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
   }
   /**
    * Renders the component.
@@ -89,14 +90,16 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    * @protected
    */
   async _initModules() {
-    const [WebMap, MapView, Home] = await loadModules([
+    const [WebMap, MapView, Home, esriConfig] = await loadModules([
       "esri/WebMap",
       "esri/views/MapView",
-      "esri/widgets/Home"
+      "esri/widgets/Home",
+      "esri/config"
     ]);
     this.WebMap = WebMap;
     this.MapView = MapView;
     this.Home = Home;
+    this.esriConfig = esriConfig;
   }
   /**
    * Load the webmap for the provided webMapInfo