@esri/solutions-components 0.6.25 → 0.6.27

package/dist/cjs/buffer-tools_4.cjs.entry.js

@@ -64,6 +64,19 @@ const BufferTools = class {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Get the translated unit for display
+   *
+   * @returns Promise resolving with the translated unit
+   */
+  async getTranslatedUnit(unit) {
+    return this._units[unit];
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -75,6 +88,7 @@ const BufferTools = class {
   async componentWillLoad() {
     await this._getTranslations();
     await this._initModules();
+    this._initTranslatedUnits();
   }
   /**
    * Renders the component.
@@ -101,21 +115,28 @@ const BufferTools = class {
     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 (index.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 (index.h("calcite-option", { label: this._units[u], selected: this.unit === u, value: u }));
     });
   }
   /**

package/dist/cjs/calcite-alert_3.cjs.entry.js

@@ -351,8 +351,7 @@ const EditCard = class {
    */
   async graphicsWatchHandler() {
     if (this.graphics.length === 0) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   async openWatchHandler(v) {
@@ -361,14 +360,12 @@ const EditCard = class {
       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();
     }
   }
   //--------------------------------------------------------------------------
@@ -399,13 +396,8 @@ const EditCard = class {
         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();
       });
     }
   }
@@ -453,7 +445,11 @@ const EditCard = class {
       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
@@ -472,12 +468,10 @@ const EditCard = class {
       });
       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) => {
@@ -489,6 +483,24 @@ const EditCard = class {
       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/cjs/card-manager_3.cjs.entry.js

@@ -103,7 +103,7 @@ const CardManager = class {
 };
 CardManager.style = cardManagerCss;
 
-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 = class {
   constructor(hostRef) {
@@ -243,7 +243,7 @@ const LayerTable = class {
     const loadingClass = this._fetchingData ? "" : "display-none";
     const total = this._allIds.length.toString();
     const selected = this._selectedIndexes.length.toString();
-    return (index.h(index.Host, null, index.h("calcite-shell", null, this._getTableControlRow("header"), index.h("div", { class: "height-full width-full" }, index.h("calcite-panel", { class: "height-full width-full" }, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), index.h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
+    return (index.h(index.Host, null, index.h("calcite-shell", null, this._getTableControlRow("header"), index.h("div", { class: "height-full-adjusted width-full" }, index.h("calcite-panel", { class: "height-full width-full" }, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), index.h("div", { class: "bottom-left text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
       .replace("{{selected}}", selected)))), this._deleteMessage()));
   }
@@ -424,7 +424,7 @@ const LayerTable = class {
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return (index.h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, index.h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), index.h("div", { slot: "content" }, this._translations.confirm), index.h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), index.h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
+    return (index.h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), index.h("div", { slot: "content" }, this._translations.confirm), index.h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), index.h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
   }
   /**
    * Delete the currently selected features
@@ -708,6 +708,7 @@ const MapCard = class {
    */
   async componentWillLoad() {
     await this._initModules();
+    this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
   }
   /**
    * Renders the component.
@@ -728,14 +729,16 @@ const MapCard = class {
    * @protected
    */
   async _initModules() {
-    const [WebMap, MapView, Home] = await loadModules.loadModules([
+    const [WebMap, MapView, Home, esriConfig] = await loadModules.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