@esri/solutions-components 0.8.29 → 0.8.31

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

@@ -136,23 +136,22 @@ const FloorFilter = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Watch for changes to the mapView and re-init the floor filter
+     */
     async mapViewWatchHandler() {
-        console.log("mapViewWatchHandler FF");
-        const webMap = this.mapView.map;
-        await webMap.when(() => {
-            console.log("webMap.when FF");
-            if (this.floorFilterWidget) {
-                this.floorFilterWidget.destroy();
-                this.floorFilterWidget = undefined;
-                console.log("floorFilterWidget destroyed");
-            }
-            if (this._floorFilterElement) {
-                this._floorFilterElement.remove();
-                this._floorFilterElement = document.createElement("div");
-                console.log("this._floorFilterElement created");
-            }
-            this._initFloorFilter(this.mapView, webMap);
-        });
+        await this._initFloorFilter(this.mapView);
+    }
+    /**
+     * Watch for changes to the enabled property and re-init or destroy the floor filter
+     */
+    async enabledWatchHandler() {
+        if (this.enabled) {
+            await this._initFloorFilter(this.mapView);
+        }
+        else if (!this.enabled) {
+            this._destroyWidget();
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -165,8 +164,11 @@ const FloorFilter = class {
     async componentWillLoad() {
         return this._initModules();
     }
+    /**
+     * Renders the component.
+     */
     render() {
-        return (index.h(index.Host, { key: 'df3c419f3eaf30590c44c4919f0eeddfc333b81d' }, index.h("div", { key: '8496099f3bc35f34db6e47f73870ead9144df0a4', ref: (el) => { this._floorFilterElement = el; } })));
+        return (index.h(index.Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, index.h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -188,38 +190,61 @@ const FloorFilter = class {
         this.FloorFilter = FloorFilter;
         this.reactiveUtils = reactiveUtils;
     }
+    /**
+     * Destroy the widget and remove the containing element if it exists
+     *
+     * @protected
+     */
+    _destroyWidget() {
+        if (this.floorFilterWidget) {
+            this.floorFilterWidget.destroy();
+            this.floorFilterWidget = undefined;
+        }
+        if (this._floorFilterElement) {
+            this._floorFilterElement.remove();
+        }
+    }
+    /**
+     * Destroy the widget and remove the containing element then re-create the container element
+     *
+     * @protected
+     */
+    _initContainer() {
+        this._destroyWidget();
+        this._floorFilterElement = document.createElement("div");
+    }
     /**
      * Initialize the floor filter or reset the current view if it already exists
      */
-    _initFloorFilter(view, webMap) {
-        var _a, _b, _c;
-        console.log("_initFloorFilter");
-        console.log(`view: ${view}`);
-        console.log(`this.enabled: ${this.enabled}`);
-        console.log(`this.FloorFilter: ${this.FloorFilter}`);
-        console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
+    async _initFloorFilter(view) {
+        const webMap = view === null || view === void 0 ? void 0 : view.map;
         if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
-            this.floorFilterWidget = new this.FloorFilter({
-                container: this._floorFilterElement,
-                view
-            });
-            (_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
-            this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
-                this.facilityChanged.emit(facility);
-            });
-            (_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
-            this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
-                this.levelChanged.emit(level);
-            });
-            (_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
-            this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
-                this.siteChanged.emit(site);
+            this._initContainer();
+            await webMap.when(() => {
+                var _a, _b, _c;
+                this.floorFilterWidget = new this.FloorFilter({
+                    container: this._floorFilterElement,
+                    view
+                });
+                (_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
+                this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
+                    this.facilityChanged.emit(facility);
+                });
+                (_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
+                this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
+                    this.levelChanged.emit(level);
+                });
+                (_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
+                this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
+                    this.siteChanged.emit(site);
+                });
             });
         }
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
+        "mapView": ["mapViewWatchHandler"],
+        "enabled": ["enabledWatchHandler"]
     }; }
 };
 FloorFilter.style = FloorFilterStyle0;

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

@@ -17,7 +17,7 @@ const t9n = require('./t9n-9d199056.js');
 const resources = require('./resources-6146eb17.js');
 const locale$1 = require('./locale-48d76c59.js');
 const mapViewUtils = require('./mapViewUtils-911698e5.js');
-const popupUtils = require('./popupUtils-e3fa775b.js');
+const popupUtils = require('./popupUtils-9ca69f8c.js');
 require('./guid-a7528dfa.js');
 require('./resources-1c0e54c1.js');
 require('./key-7ed07912.js');

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

@@ -360,7 +360,7 @@ const CreateFeature = class {
         this.customizeSubmit = false;
         this.searchConfiguration = undefined;
         this._editorLoading = false;
-        this.showSearchWidget = undefined;
+        this._showSearchWidget = undefined;
     }
     //--------------------------------------------------------------------------
     //
@@ -433,10 +433,10 @@ const CreateFeature = class {
      * Renders the component.
      */
     render() {
-        const showSearchWidget = this.showSearchWidget ? '' : 'display-none';
+        const showSearchWidget = this._showSearchWidget ? '' : 'display-none';
         const loaderClass = this._editorLoading ? "" : "display-none";
         const featureFormClass = this._editorLoading ? "display-none" : "";
-        return (index.h(index.Fragment, { key: '2e790defdd5592fed729853888ee06143c95c84d' }, index.h("calcite-loader", { key: 'a0f1de0064ea80305d4aaf83f78939c0236c955a', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '1af391d6d7fd0dffa2e8e4b43905f8081a5f9820', class: featureFormClass, id: "feature-form" }), index.h("div", { key: '88d12115c3c2e0d34a5d6fd8895fb60cec6e9b5d', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" })));
+        return (index.h(index.Fragment, { key: 'a4ccd565a52a4cde4e76439629425f19bd4c222e' }, index.h("calcite-loader", { key: '30e8a3753985a734dd7cba461f26691b51f49ab9', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '0845f1fa85a21b578fd18200b43d4a77c34e6808', class: featureFormClass, id: "feature-form" }), index.h("div", { key: 'af74b6337f5a0dcfdbd552145c88eae5282a3307', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" })));
     }
     //--------------------------------------------------------------------------
     //
@@ -526,7 +526,7 @@ const CreateFeature = class {
         const formHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
             if (state === 'creating-features') {
                 this._editorLoading = true;
-                this.showSearchWidget = true;
+                this._showSearchWidget = true;
             }
         });
         this._editor.viewModel.addHandles(formHandle);
@@ -550,11 +550,12 @@ const CreateFeature = class {
                         //on sketch complete emit the event
                         this._editor.viewModel.sketchViewModel.on("create", (evt) => {
                             if (evt.state === "complete") {
-                                this.showSearchWidget = false;
+                                this._showSearchWidget = false;
                                 this.progressStatus.emit(1);
                                 this.drawComplete.emit();
                             }
                         });
+                        //hides the header and footer elements in editor widget
                         this.hideEditorsElements().then(() => {
                             resolve({});
                         }, e => reject(e));
@@ -565,8 +566,12 @@ const CreateFeature = class {
                 if (items.length === 1) {
                     this._editor.viewModel.featureTemplatesViewModel.select(items[0]);
                 }
-                //hides the header and footer elements in editor widget
-                void this.hideEditorsElements();
+                const resolvePromise = items.length > 1;
+                this.hideEditorsElements().then(() => {
+                    if (resolvePromise) {
+                        resolve({});
+                    }
+                }, e => resolvePromise && reject(e));
             }
         });
     }
@@ -728,7 +733,7 @@ const CreateFeature = class {
 };
 CreateFeature.style = CreateFeatureStyle0;
 
-const createRelatedFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}";
+const createRelatedFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.display-none{display:none !important}";
 const CreateRelatedFeatureStyle0 = createRelatedFeatureCss;
 
 const CreateRelatedFeature = class {
@@ -745,6 +750,7 @@ const CreateRelatedFeature = class {
         this.table = undefined;
         this.selectedFeature = undefined;
         this.customizeSubmit = false;
+        this._editorLoading = false;
     }
     //--------------------------------------------------------------------------
     //
@@ -759,6 +765,18 @@ const CreateRelatedFeature = class {
             await this.init();
         });
     }
+    /**
+     * When _editorLoading is true the container node will be hidden while starting the create workflow
+     */
+    async _editorLoadingWatchHandler(v) {
+        var _a, _b;
+        if (v) {
+            (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
+            await this.startCreate();
+            (_b = this._container) === null || _b === void 0 ? void 0 : _b.classList.remove("display-none");
+            this._editorLoading = false;
+        }
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -815,7 +833,8 @@ const CreateRelatedFeature = class {
         this.reactiveUtils = reactiveUtils;
     }
     render() {
-        return (index.h(index.Host, { key: 'c8516898db79b35b7fba909810afdc56b0602ebd' }));
+        const loaderClass = this._editorLoading ? "" : "display-none";
+        return (index.h("calcite-loader", { key: 'a8fd1e83a4a9614779be19a11e6028b3a402cbd2', class: loaderClass, label: "", scale: "s" }));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -828,29 +847,24 @@ const CreateRelatedFeature = class {
      * @protected
      */
     async createEditorWidget() {
+        var _a;
         if (this._editor) {
             this._editor.destroy();
         }
-        const container = document.createElement("div");
+        this._container = document.createElement("div");
+        (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
         this._editor = new this.Editor({
             view: this.mapView,
             visibleElements: {
                 snappingControls: false
             },
-            container
-        });
-        this.el.appendChild(container);
-        //Add handle to watch featureFormViewModel ready state and hide the editor elements
-        const hideElementHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.featureFormViewModel) === null || _a === void 0 ? void 0 : _a.state; }, (state) => {
-            if (state === 'ready') {
-                this.hideEditorsElements();
-            }
+            container: this._container
         });
-        this._editor.viewModel.addHandles(hideElementHandle);
+        this.el.appendChild(this._container);
         //Add handle to watch featureTemplatesViewModel ready state and then start the creation
         const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
             if (state === 'ready') {
-                void this.startCreate();
+                this._editorLoading = true;
             }
         });
         this._editor.viewModel.addHandles(handle);
@@ -891,6 +905,8 @@ const CreateRelatedFeature = class {
             template,
         };
         await this._editor.startCreateFeaturesWorkflowAtFeatureCreation(creationInfo);
+        //hides the header and footer elements in editor widget
+        await this.hideEditorsElements();
         // Emit an event to show submit cancel buttons
         this.isActionPending.emit(false);
         this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
@@ -899,22 +915,21 @@ const CreateRelatedFeature = class {
      * Hides the elements of editor widget
      * @protected
      */
-    hideEditorsElements() {
+    async hideEditorsElements() {
+        var _a, _b;
         if (!this.customizeSubmit) {
             return;
         }
-        setTimeout(() => {
-            var _a;
-            //hides the header and footer on the featureForm
-            (_a = this.el.querySelector('.esri-editor').querySelectorAll('calcite-flow-item')) === null || _a === void 0 ? void 0 : _a.forEach((flowItem) => {
-                var _a, _b, _c, _d, _e;
-                const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
-                //hide the header
-                (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
-                //hide the footer
-                (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
-            });
-        }, 700);
+        await this.timeout(700);
+        //hides the header and footer on the featureForm
+        (_b = (_a = this.el.querySelector('.esri-editor')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('calcite-flow-item')) === null || _b === void 0 ? void 0 : _b.forEach((flowItem) => {
+            var _a, _b, _c, _d, _e;
+            const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
+            //hide the header
+            (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
+            //hide the footer
+            (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
+        });
     }
     /**
      * Makes attributes for related feature
@@ -970,9 +985,18 @@ const CreateRelatedFeature = class {
             this.success.emit();
         }
     }
+    /**
+     * call setTimeout in Promise wrapper
+     * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
+     * @protected
+     */
+    timeout(delay) {
+        return new Promise(resolve => setTimeout(resolve, delay));
+    }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
+        "mapView": ["mapViewWatchHandler"],
+        "_editorLoading": ["_editorLoadingWatchHandler"]
     }; }
 };
 CreateRelatedFeature.style = CreateRelatedFeatureStyle0;

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

@@ -13,7 +13,7 @@ const mapViewUtils = require('./mapViewUtils-911698e5.js');
 require('./esri-loader-fce6a9cb.js');
 require('./interfaces-7cd0a48a.js');
 
-const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
+const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}";
 const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
 
 const CrowdsourceReporter = class {
@@ -575,7 +575,7 @@ const CrowdsourceReporter = class {
     getFeatureDetailsFlowItem() {
         var _a;
         const showCommentBtn = ((_a = this._getLayersConfig(this._selectedLayerId)) === null || _a === void 0 ? void 0 : _a.comment) && this._selectedLayer.relationships.length > 0;
-        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "s", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), index.h("calcite-panel", null, index.h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, mapView: this.mapView, onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), index.h("calcite-panel", null, index.h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, mapView: this.mapView, onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
             index.h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
     }
     /**

package/dist/cjs/feature-list.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
 const locale = require('./locale-48d76c59.js');
-const popupUtils = require('./popupUtils-e3fa775b.js');
+const popupUtils = require('./popupUtils-9ca69f8c.js');
 const mapViewUtils = require('./mapViewUtils-911698e5.js');
 require('./esri-loader-fce6a9cb.js');
 require('./downloadUtils-83bf79ba.js');