@esri/solutions-components 0.7.4 → 0.7.6

package/dist/assets/t9n/map-tools/resources.json

@@ -4,7 +4,7 @@
   "expand": "Expand",
   "basemap": "Basemap",
   "collapse": "Collapse",
-  "enterFullscreen": "Enter fullscreen",
-  "exitFullscreen": "Exit fullscreen",
+  "enterFullscreen": "Enter full screen",
+  "exitFullscreen": "Exit full screen",
   "floorFilter": "Floor filter"
 }

package/dist/assets/t9n/map-tools/resources_en.json

@@ -4,7 +4,7 @@
   "expand": "Expand",
   "basemap": "Basemap",
   "collapse": "Collapse",
-  "enterFullscreen": "Enter fullscreen",
-  "exitFullscreen": "Exit fullscreen",
+  "enterFullscreen": "Enter full screen",
+  "exitFullscreen": "Exit full screen",
   "floorFilter": "Floor filter"
 }

package/dist/cjs/basemap-gallery_7.cjs.entry.js

@@ -215,6 +215,7 @@ const mapFullscreenCss = ":host{display:block}";
 const MapFullscreen = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.fullscreenStateChange = index.createEvent(this, "fullscreenStateChange", 7);
         this.mapView = undefined;
         this.fullscreenWidget = undefined;
     }
@@ -229,22 +230,12 @@ const MapFullscreen = class {
      * @returns Promise when complete
      */
     async mapViewWatchHandler() {
-        await this.mapView.when(() => {
-            this._initFullscreenWidget();
+        await this.mapView.when(async () => {
+            await this._initFullscreenWidget();
         });
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Functions (lifecycle)
     //
     //--------------------------------------------------------------------------
@@ -265,13 +256,13 @@ const MapFullscreen = class {
      * It's never called during the first render().
      */
     async componentDidUpdate() {
-        this._initFullscreenWidget();
+        await this._initFullscreenWidget();
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
      */
     async componentDidLoad() {
-        this._initFullscreenWidget();
+        await this._initFullscreenWidget();
     }
     //--------------------------------------------------------------------------
     //
@@ -286,21 +277,29 @@ const MapFullscreen = class {
      * @protected
      */
     async _initModules() {
-        const [Fullscreen] = await loadModules.loadModules([
-            "esri/widgets/Fullscreen"
+        const [Fullscreen, reactiveUtils] = await loadModules.loadModules([
+            "esri/widgets/Fullscreen",
+            "esri/core/reactiveUtils"
         ]);
         this.Fullscreen = Fullscreen;
+        this.reactiveUtils = reactiveUtils;
     }
     /**
      * Initialize the search widget
      *
      * @protected
      */
-    _initFullscreenWidget() {
+    async _initFullscreenWidget() {
         if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
             this.fullscreenWidget = new this.Fullscreen({
                 view: this.mapView
             });
+            await this.fullscreenWidget.when(() => {
+                if (this._fullscreenStateChangeHandle) {
+                    this._fullscreenStateChangeHandle.remove();
+                }
+                this._fullscreenStateChangeHandle = this.reactiveUtils.watch(() => this.fullscreenWidget.viewModel.state, (state) => this.fullscreenStateChange.emit(state));
+            });
         }
         else if (this.fullscreenWidget) {
             this.fullscreenWidget.view = this.mapView;
@@ -813,10 +812,14 @@ const MapTools = class {
     async _showFullscreenWatchHandler(v) {
         const fs = this._fullscreenElement.fullscreenWidget;
         if (v) {
-            fs.viewModel.enter();
+            if (fs.viewModel.state === "ready") {
+                fs.viewModel.enter();
+            }
         }
         else {
-            fs.viewModel.exit();
+            if (fs.viewModel.state === "active") {
+                fs.viewModel.exit();
+            }
         }
     }
     /**
@@ -893,7 +896,22 @@ const MapTools = class {
             this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
             undefined, this.enableFloorFilter && this._hasFloorInfo ?
             this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-            undefined)), index.h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+            undefined)), index.h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+    }
+    /**
+     * Respond to fullscreen state change and ensure our state var is in sync
+     *
+     * @param state The fullscreen view model's state.
+     *
+     * @protected
+     */
+    _fullscreenStateChange(state) {
+        if (state === "ready" && this._showFullscreen) {
+            this._showFullscreen = false;
+        }
+        else if (state === "active" && !this._showFullscreen) {
+            this._showFullscreen = true;
+        }
     }
     //--------------------------------------------------------------------------
     //

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

@@ -318,6 +318,7 @@ const EditCard = class {
         index.registerInstance(this, hostRef);
         this.closeEdit = index.createEvent(this, "closeEdit", 7);
         this.editsComplete = index.createEvent(this, "editsComplete", 7);
+        this.refreshGraphics = index.createEvent(this, "refreshGraphics", 7);
         /**
          * boolean: When true the Editor widget should be closed
          */
@@ -388,7 +389,7 @@ const EditCard = class {
             }
             this._layerEditHandle = this._layer.on("edits", () => {
                 this.editsComplete.emit();
-                void this._closeEdit();
+                this.open = false;
             });
         }
     }
@@ -451,8 +452,7 @@ const EditCard = class {
                 },
                 container
             });
-            if (this._editHandle && this._attachmentHandle && this._activeWorkflowHandle) {
-                this._editHandle.remove();
+            if (this._attachmentHandle && this._activeWorkflowHandle) {
                 this._attachmentHandle.remove();
                 this._activeWorkflowHandle.remove();
             }
@@ -461,18 +461,13 @@ const EditCard = class {
                 this._editor.viewModel.state === "creating-features", () => {
                 this._shouldClose = false;
             });
-            this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
-                if (this._shouldClose) {
-                    void this._closeEdit();
-                }
-                else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-                    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) => {
                 if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
                     this._shouldClose = false;
                 }
+                if (!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits)) {
+                    this.open = false;
+                }
             });
             // had issues with destroy before adding like this
             this._editContainer.appendChild(container);
@@ -484,12 +479,15 @@ const EditCard = class {
      * @returns void
      */
     async _closeEdit() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         this._shouldClose = true;
         if ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) {
             await ((_b = this._editor) === null || _b === void 0 ? void 0 : _b.cancelWorkflow());
         }
-        (_c = this._editor) === null || _c === void 0 ? void 0 : _c.destroy();
+        if (this.graphicIndex > -1 && ((_c = this.graphics) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+            this.refreshGraphics.emit(this.graphics);
+        }
+        (_d = this._editor) === null || _d === void 0 ? void 0 : _d.destroy();
         this._shouldClose = false;
         this.closeEdit.emit();
     }
@@ -587,6 +585,12 @@ const InfoCard = class {
     async closeEdit() {
         this._editRecordOpen = false;
     }
+    /**
+     * Refresh the info-card graphics
+     */
+    async refreshGraphics(evt) {
+        this.graphics = [...evt.detail];
+    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -106,7 +106,7 @@ const CardManager = class {
 };
 CardManager.style = cardManagerCss;
 
-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}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.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}.share-action{position:absolute;right:0;margin-top:9px;margin-inline-end:4px}html[dir=\"rtl\"] .share-action{left:0}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";
+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}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.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}.share-action{position:absolute;right:0;margin-top:4px;margin-inline-end:4px;margin-bottom:4px}html[dir=\"rtl\"] .share-action{left:0}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}.instant-app-share{height:42px !important;display:inline-flex}";
 
 const LayerTable = class {
     constructor(hostRef) {
@@ -152,6 +152,8 @@ const LayerTable = class {
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
+        this.shareIncludeEmbed = undefined;
+        this.shareIncludeSocial = undefined;
         this.showNewestFirst = undefined;
         this.zoomAndScrollToSelected = undefined;
         this._confirmDelete = false;
@@ -699,7 +701,7 @@ const LayerTable = class {
      * @returns VNode The node representing the DOM element that will contain the action
      */
     _getShare(icon) {
-        return (index.h("div", { class: "share-action", id: this._getId(icon) }, index.h("instant-apps-social-share", { autoUpdateShareUrl: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", socialMedia: true, view: this.mapView }), this._getToolTip("bottom", icon, this._translations.share)));
+        return (index.h("div", { class: "share-action", id: this._getId(icon) }, index.h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "instant-app-share", embed: this.shareIncludeEmbed, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", socialMedia: this.shareIncludeSocial, view: this.mapView }), this._getToolTip("bottom", icon, this._translations.share)));
     }
     /**
      * Called each time the values that are used for custom url params change
@@ -818,11 +820,11 @@ const LayerTable = class {
      * @returns void
      */
     async _resetTable() {
-        var _a, _b;
+        var _a;
         this._clearSelection();
         this._allIds = [];
         this.featureSelectionChange.emit(this._selectedIndexes);
-        const columnTemplates = this._getColumnTemplates(this._layer.id, (_b = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.popupTemplate) === null || _b === void 0 ? void 0 : _b.fieldInfos);
+        const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await mapViewUtils.queryAllIds(this._layer);
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
@@ -1153,8 +1155,8 @@ const LayerTable = class {
         if (fieldInfos) {
             columnTemplates = columnTemplates ? columnTemplates.map(columnTemplate => {
                 fieldInfos.some(fieldInfo => {
-                    if (fieldInfo.fieldName === columnTemplate.fieldName) {
-                        columnTemplate.label = fieldInfo.label;
+                    if (fieldInfo.name === columnTemplate.fieldName) {
+                        columnTemplate.label = fieldInfo.alias;
                         return true;
                     }
                 });
@@ -1162,8 +1164,8 @@ const LayerTable = class {
             }) : fieldInfos.map(fieldInfo => {
                 return {
                     type: "field",
-                    fieldName: fieldInfo.fieldName,
-                    label: fieldInfo.label
+                    fieldName: fieldInfo.name,
+                    label: fieldInfo.alias
                 };
             });
         }
@@ -1306,7 +1308,7 @@ const MapCard = class {
             this.mapView = new this.MapView({
                 container: this._mapDiv,
                 map: webMap,
-                resizeAlign: "top-left"
+                resizeAlign: "center"
             });
             this._loadedId = id;
             this._searchConfiguration = this._webMapInfo.searchConfiguration;

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -24,8 +24,10 @@ const CrowdsourceManager = class {
          */
         this._shouldSetMapView = false;
         this.classicGrid = false;
+        this.defaultCenter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
+        this.defaultLevel = "";
         this.defaultOid = "";
         this.defaultWebmap = "";
         this.enableAutoRefresh = false;
@@ -46,6 +48,8 @@ const CrowdsourceManager = class {
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.searchConfiguration = undefined;
+        this.shareIncludeEmbed = undefined;
+        this.shareIncludeSocial = undefined;
         this.theme = "light";
         this.zoomAndScrollToSelected = false;
         this._expandPopup = false;
@@ -59,6 +63,13 @@ const CrowdsourceManager = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Watch for center url param to be set
+     */
+    defaultCenterWatchHandler() {
+        this._defaultCenter = !this.defaultCenter ? undefined :
+            this.defaultCenter.split(";").map(v => parseFloat(v));
+    }
     /**
      * Watch for globalid url param to be set
      */
@@ -73,6 +84,12 @@ const CrowdsourceManager = class {
         this._defaultOid = !this.defaultOid ? undefined :
             this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
     }
+    /**
+     * Watch for zoom level param to be set
+     */
+    defaultLevelWatchHandler() {
+        this._defaultLevel = !this.defaultLevel ? undefined : parseInt(this.defaultLevel, 10);
+    }
     /**
      * When true the map zoom tools will be available
      */
@@ -100,8 +117,8 @@ const CrowdsourceManager = class {
      */
     async mapChanged(evt) {
         this._mapChange = evt.detail;
-        await this._mapChange.mapView.when(() => {
-            this._setMapView();
+        await this._mapChange.mapView.when(async () => {
+            await this._setMapView();
         });
     }
     /**
@@ -136,10 +153,10 @@ const CrowdsourceManager = class {
      * Called after each render
      * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view
      */
-    componentDidRender() {
+    async componentDidRender() {
         if (this._shouldSetMapView) {
             this._shouldSetMapView = false;
-            this._setMapView();
+            await this._setMapView();
         }
     }
     //--------------------------------------------------------------------------
@@ -328,7 +345,7 @@ const CrowdsourceManager = class {
             this.classicGrid && layoutMode === interfaces.ELayoutMode.VERTICAL ? "panel-end" :
                 layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "header" : "panel-start";
         const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
-        return (index.h("calcite-shell", { class: tableSizeClass + " border-bottom" }, index.h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, index.h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), index.h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, index.h("span", null, tooltip))), index.h("div", { class: "width-full height-full position-relative" }, index.h("layer-table", { defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+        return (index.h("calcite-shell", { class: tableSizeClass + " border-bottom" }, index.h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, index.h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), index.h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, index.h("span", null, tooltip))), index.h("div", { class: "width-full height-full position-relative" }, index.h("layer-table", { defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
     }
     /**
      * Open/Close the appropriate panel.
@@ -361,11 +378,19 @@ const CrowdsourceManager = class {
      *
      * @protected
      */
-    _setMapView() {
+    async _setMapView() {
         this._mapInfo = this._getMapInfo(this._mapChange.id);
         this._mapView = this._mapChange.mapView;
         this._initMapZoom();
         this._mapView.popupEnabled = false;
+        if (this._defaultCenter && this._defaultLevel) {
+            await this._mapView.goTo({
+                center: this._defaultCenter,
+                zoom: this._defaultLevel
+            });
+            this._defaultCenter = undefined;
+            this._defaultLevel = undefined;
+        }
     }
     /**
      * Add/remove zoom tools based on enableZoom prop
@@ -396,8 +421,10 @@ const CrowdsourceManager = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
+        "defaultCenter": ["defaultCenterWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
         "defaultOid": ["defaultOidWatchHandler"],
+        "defaultLevel": ["defaultLevelWatchHandler"],
         "enableZoom": ["enableZoomWatchHandler"]
     }; }
 };