@esri/solutions-components 0.6.14 → 0.6.15

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

@@ -1681,7 +1681,7 @@ const DropdownItem = class {
 };
 DropdownItem.style = dropdownItemCss;
 
-const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
+const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%;height:100%}.map-layer-picker{position:relative;width:100%;display:inline-block;height:100%}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
 
 const MapLayerPicker = class {
   constructor(hostRef) {

package/dist/cjs/edit-card_2.cjs.entry.js

@@ -37,20 +37,25 @@ const EditCard = class {
   /**
    * Watch for changes to the graphics and update the feature widget
    */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
+  async graphicsWatchHandler() {
+    if (this.graphics.length === 0) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
+  async openWatchHandler(v) {
+    var _a;
+    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      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;
+      }
+    }
+    if (!v) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -141,15 +146,17 @@ const EditCard = class {
         this._attachmentHandle.remove();
         this._activeWorkflowHandle.remove();
       }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
+        this._editor.viewModel.state === "editing-attachment" ||
+        this._editor.viewModel.state === "creating-features", () => {
         this._shouldClose = false;
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this.closeEdit.emit();
           this._shouldClose = false;
+          this.closeEdit.emit();
         }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
           void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
           this._shouldClose = true;
         }
@@ -174,9 +181,8 @@ const EditCard = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "graphicIndex": ["graphicIndexWatchHandler"],
     "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
+    "open": ["openWatchHandler"]
   }; }
 };
 EditCard.style = editCardCss;

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

@@ -41,20 +41,25 @@ export class EditCard {
   /**
    * Watch for changes to the graphics and update the feature widget
    */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
+  async graphicsWatchHandler() {
+    if (this.graphics.length === 0) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
+  async openWatchHandler(v) {
+    var _a;
+    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      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;
+      }
+    }
+    if (!v) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -145,15 +150,17 @@ export class EditCard {
         this._attachmentHandle.remove();
         this._activeWorkflowHandle.remove();
       }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
+        this._editor.viewModel.state === "editing-attachment" ||
+        this._editor.viewModel.state === "creating-features", () => {
         this._shouldClose = false;
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this.closeEdit.emit();
           this._shouldClose = false;
+          this.closeEdit.emit();
         }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
           void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
           this._shouldClose = true;
         }
@@ -308,14 +315,11 @@ export class EditCard {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
-        "propName": "graphicIndex",
-        "methodName": "graphicIndexWatchHandler"
-      }, {
         "propName": "graphics",
         "methodName": "graphicsWatchHandler"
       }, {
-        "propName": "mapView",
-        "methodName": "mapViewWatchHandler"
+        "propName": "open",
+        "methodName": "openWatchHandler"
       }];
   }
 }

package/dist/collection/components/map-layer-picker/map-layer-picker.css

@@ -20,12 +20,14 @@
 
 .map-layer-picker-container {
   width: 100%;
+  height: 100%;
 }
 
 .map-layer-picker {
   position: relative;
   width: 100%;
   display: inline-block;
+  height: 100%;
 }
 
 .padding-bottom-1 {

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

@@ -30,12 +30,12 @@
 
     <link
       rel="stylesheet"
-      href="https://js.arcgis.com/4.27/esri/themes/light/main.css"
+      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
     />
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
-    <script src="https://js.arcgis.com/4.27/"></script>
+    <script src="https://jsdev.arcgis.com/4.28/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>

package/dist/collection/demos/new-public-notification.html

@@ -55,16 +55,16 @@
 
     <link
       rel="stylesheet"
-      href="https://js.arcgis.com/4.27/esri/themes/light/main.css"
+      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
     />
     <!-- <link
       rel="stylesheet"
-      href="https://js.arcgis.com/4.27/esri/themes/dark/main.css"
+      href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css"
     /> -->
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
-    <script src="https://js.arcgis.com/4.27/"></script>
+    <script src="https://jsdev.arcgis.com/4.28/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>

package/dist/collection/utils/interfaces.ts

@@ -450,7 +450,7 @@ export interface IMapInfo {
   filters?: any[]; // TODO generate an interface for this once we know how it will be passed in
   layerInfos?: ILayerInfo[];
   _hasValidLayers?: boolean;
-  visible: boolean;
+  visible?: boolean;
 }
 
 export interface ILayerInfo {

package/dist/components/edit-card2.js

@@ -35,20 +35,25 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
   /**
    * Watch for changes to the graphics and update the feature widget
    */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
+  async graphicsWatchHandler() {
+    if (this.graphics.length === 0) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
+  async openWatchHandler(v) {
+    var _a;
+    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      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;
+      }
+    }
+    if (!v) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -139,15 +144,17 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
         this._attachmentHandle.remove();
         this._activeWorkflowHandle.remove();
       }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
+        this._editor.viewModel.state === "editing-attachment" ||
+        this._editor.viewModel.state === "creating-features", () => {
         this._shouldClose = false;
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this.closeEdit.emit();
           this._shouldClose = false;
+          this.closeEdit.emit();
         }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
           void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
           this._shouldClose = true;
         }
@@ -172,9 +179,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
-    "graphicIndex": ["graphicIndexWatchHandler"],
     "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
+    "open": ["openWatchHandler"]
   }; }
   static get style() { return editCardCss; }
 }, [0, "edit-card", {

package/dist/components/map-layer-picker2.js

@@ -22,7 +22,7 @@ import { d as defineCustomElement$3 } from './option.js';
 import { d as defineCustomElement$2 } from './select.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
 
-const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
+const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%;height:100%}.map-layer-picker{position:relative;width:100%;display:inline-block;height:100%}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
 
 const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker extends HTMLElement {
   constructor() {

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

@@ -1677,7 +1677,7 @@ const DropdownItem = class {
 };
 DropdownItem.style = dropdownItemCss;
 
-const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
+const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%;height:100%}.map-layer-picker{position:relative;width:100%;display:inline-block;height:100%}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}";
 
 const MapLayerPicker = class {
   constructor(hostRef) {

package/dist/esm/edit-card_2.entry.js

@@ -33,20 +33,25 @@ const EditCard = class {
   /**
    * Watch for changes to the graphics and update the feature widget
    */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
+  async graphicsWatchHandler() {
+    if (this.graphics.length === 0) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
+  async openWatchHandler(v) {
+    var _a;
+    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      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;
+      }
+    }
+    if (!v) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -137,15 +142,17 @@ const EditCard = class {
         this._attachmentHandle.remove();
         this._activeWorkflowHandle.remove();
       }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
+        this._editor.viewModel.state === "editing-attachment" ||
+        this._editor.viewModel.state === "creating-features", () => {
         this._shouldClose = false;
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this.closeEdit.emit();
           this._shouldClose = false;
+          this.closeEdit.emit();
         }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
           void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
           this._shouldClose = true;
         }
@@ -170,9 +177,8 @@ const EditCard = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "graphicIndex": ["graphicIndexWatchHandler"],
     "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
+    "open": ["openWatchHandler"]
   }; }
 };
 EditCard.style = editCardCss;