@esri/solutions-components 0.6.25 → 0.6.27

package/dist/components/map-select-tools2.js

@@ -134,7 +134,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
   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(),
@@ -165,16 +165,16 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
   /**
    * 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();
     }
   }
   //--------------------------------------------------------------------------
@@ -350,7 +350,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
           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;
@@ -462,7 +462,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
       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
@@ -580,7 +580,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     }
     // 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
     });
@@ -659,7 +659,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
    *
    * @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;
@@ -667,7 +667,8 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     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;
@@ -712,7 +713,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     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();
     }
@@ -720,10 +721,10 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
   /**
    * 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/components/public-notification.js

@@ -54,7 +54,7 @@ import { d as defineCustomElement$4 } from './map-select-tools2.js';
 import { d as defineCustomElement$3 } from './pdf-download2.js';
 import { d as defineCustomElement$2 } from './refine-selection2.js';
 
-const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{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%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-start-1-2{padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir=\"rtl\"]{float:left}.float-left{float:left}.float-left[dir=\"rtl\"]{float:right}.margin-top-0{margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-ui-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-ui-foreground-3:var(--calcite-ui-brand);--calcite-ui-foreground-2:var(--calcite-ui-brand-hover);--calcite-ui-text-1:var(--calcite-ui-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}";
+const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-start-1-2{padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir=\"rtl\"]{float:left}.float-left{float:left}.float-left[dir=\"rtl\"]{float:right}.margin-top-0{margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-ui-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-ui-foreground-3:var(--calcite-ui-brand);--calcite-ui-foreground-2:var(--calcite-ui-brand-hover);--calcite-ui-text-1:var(--calcite-ui-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}";
 
 const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotification extends HTMLElement {
   constructor() {
@@ -332,8 +332,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
    * @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
@@ -549,7 +549,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
   _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/esm/buffer-tools_4.entry.js

@@ -60,6 +60,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)
   //
   //--------------------------------------------------------------------------
@@ -71,6 +84,7 @@ const BufferTools = class {
   async componentWillLoad() {
     await this._getTranslations();
     await this._initModules();
+    this._initTranslatedUnits();
   }
   /**
    * Renders the component.
@@ -97,21 +111,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 (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 }));
     });
   }
   /**

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

@@ -347,8 +347,7 @@ const EditCard = class {
    */
   async graphicsWatchHandler() {
     if (this.graphics.length === 0) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
+      this._closeEdit();
     }
   }
   async openWatchHandler(v) {
@@ -357,14 +356,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();
     }
   }
   //--------------------------------------------------------------------------
@@ -395,13 +392,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();
       });
     }
   }
@@ -449,7 +441,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
@@ -468,12 +464,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) => {
@@ -485,6 +479,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/esm/card-manager_3.entry.js

@@ -99,7 +99,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) {
@@ -239,7 +239,7 @@ const LayerTable = class {
     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()));
   }
@@ -420,7 +420,7 @@ const LayerTable = class {
    * @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
@@ -704,6 +704,7 @@ const MapCard = class {
    */
   async componentWillLoad() {
     await this._initModules();
+    this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
   }
   /**
    * Renders the component.
@@ -724,14 +725,16 @@ const MapCard = class {
    * @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