@esri/solutions-components 0.10.16 → 0.10.18

package/dist/cjs/config-90915d7e.js

@@ -0,0 +1,40 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+require('./index-5a0af791.js');
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.1
+ */
+const existingConfig = globalThis["calciteConfig"];
+const focusTrapStack = existingConfig?.focusTrapStack || [];
+const logLevel = existingConfig?.logLevel || ("info");
+// the following placeholders are replaced by the build
+const version = "__CALCITE_VERSION__";
+const buildDate = "__CALCITE_BUILD_DATE__";
+const revision = "__CALCITE_REVISION__";
+/**
+ * Stamp the version onto the global config.
+ */
+function stampVersion() {
+    if (existingConfig && existingConfig.version) {
+        return;
+    }
+    console.info(`Using Calcite Components ${version} [Date: ${buildDate}, Revision: ${revision}]`);
+    const target = existingConfig || globalThis["calciteConfig"] || {};
+    Object.defineProperty(target, "version", {
+        value: version,
+        writable: false,
+    });
+    globalThis["calciteConfig"] = target;
+}
+
+exports.focusTrapStack = focusTrapStack;
+exports.logLevel = logLevel;
+exports.stampVersion = stampVersion;

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

@@ -10,11 +10,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a0af791.js');
 const locale = require('./locale-a09603ee.js');
 const interfaces = require('./interfaces-09c4c40e.js');
-const mapViewUtils = require('./mapViewUtils-8d4da732.js');
+const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;right:0;margin:100px 0px}.floating-container .floating-button{box-shadow:0 10px 25px rgb(92 93 94 / 60%);transform:translatey(5px);transition:all 0.3s}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.height-51{height:51%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none !important}.adjusted-height-50_25{height:calc(50% + 25px)}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;right:0;margin:100px 0px}.floating-container .floating-button{box-shadow:0 10px 25px rgb(92 93 94 / 60%);transform:translatey(5px);transition:all 0.3s}.z-index-0{z-index:0 !important}";
 const CrowdsourceManagerStyle0 = crowdsourceManagerCss;
 
 const CrowdsourceManager = class {
@@ -45,7 +45,6 @@ const CrowdsourceManager = class {
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
-        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -71,6 +70,7 @@ const CrowdsourceManager = class {
         this._panelOpen = true;
         this._numSelected = 0;
         this._filterOpen = false;
+        this._showInformationHeader = true;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
@@ -88,10 +88,6 @@ const CrowdsourceManager = class {
      * MapView.when is not fired when mapView is not currently visible
      */
     _defaultLevelHonored = false;
-    /**
-     * boolean: When true hideMapOnLoad was honored for the current map
-     */
-    _hideMapOnLoadHonored = false;
     /**
      * HTMLLayerTableElement: The layer table element
      */
@@ -132,12 +128,6 @@ const CrowdsourceManager = class {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
-    /**
-     * When true the map will be hidden on load
-     */
-    hideMapOnLoadWatchHandler() {
-        this.showHideMapPopupAndTable(this.hideMapOnLoad && !this._isMobile);
-    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -191,17 +181,11 @@ const CrowdsourceManager = class {
     async layerSelectionChange(evt) {
         const id = evt.detail[0];
         const layer = await mapViewUtils.getLayerOrTable(this._mapView, id);
-        await layer.when(() => {
+        layer && await layer.when(() => {
             this._layer = layer;
             this._initLayerExpressions();
         });
     }
-    /**
-     * Update the state expandPopup when mapInfoChange event occurs
-     */
-    async mapInfoChange() {
-        this._hideMapOnLoadHonored = false;
-    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -222,7 +206,7 @@ const CrowdsourceManager = class {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (index.h(index.Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, index.h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, index.h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (index.h(index.Host, { key: 'aad237254c4f5e906be19ff79f8ed3507d4ab0f2' }, index.h("calcite-shell", { key: '2bbc2a426acc37d31fe21a5204f57c6cdccaebf6', class: "position-relative" }, index.h("calcite-panel", { key: 'cb53df81f589988dadb84f8b40ce74e0a05ffb50', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
     }
     /**
      * Called after each render
@@ -241,10 +225,6 @@ const CrowdsourceManager = class {
      */
     async componentDidLoad() {
         this._resizeObserver.observe(this.el);
-        // for backward compatibility if hidemaponload is true then render table layout as default
-        if (this.hideMapOnLoad) {
-            this.appLayout = 'tableView';
-        }
         this._isMapViewOnLoad = this.appLayout === 'mapView';
         this._setActiveLayout(this.appLayout);
     }
@@ -370,7 +350,7 @@ const CrowdsourceManager = class {
     _getBody(layoutMode, panelOpen, hideTable) {
         const contentClass = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "" : "display-flex";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (index.h("calcite-panel", { class: "width-full height-full" }, index.h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideTable), this._getTable(layoutMode, panelOpen, hideTable)), this.coverPageEnabled &&
+        return (index.h("calcite-panel", { class: "width-full height-full position-absolute" }, index.h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideTable), this._getTable(layoutMode, panelOpen, hideTable)), this.coverPageEnabled &&
             index.h("div", { class: "floating-container", onClick: this.coverPageButtonClick.bind(this) }, index.h("calcite-button", { appearance: "solid", class: `floating-button ${themeClass}`, "icon-start": "content-minimal", kind: "neutral", label: "", round: true, scale: "l", "split-child": "primary", width: "auto" })), this.introductionWindowEnabled &&
             index.h("div", { class: "floating-container", onClick: this.infoButtonClick.bind(this) }, index.h("calcite-button", { appearance: "solid", class: `floating-button ${themeClass}`, "icon-start": "information-letter", kind: "neutral", label: "", round: true, scale: "l", "split-child": "primary", width: "auto" }))));
     }
@@ -424,7 +404,7 @@ const CrowdsourceManager = class {
      */
     _getPopupExpandNode() {
         const popupNodeClass = "height-full";
-        const headerClass = this._isMobile ? "display-none height-0" : "";
+        const headerClass = this._isMobile && this._showInformationHeader ? "display-none height-0" : "";
         const headerTheme = this.popupHeaderColor ? "" : !this._isMobile ? "calcite-mode-dark" : "calcite-mode-light";
         const containerClass = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "";
         return (index.h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass}`, style: {
@@ -432,7 +412,7 @@ const CrowdsourceManager = class {
                 '--calcite-color-foreground-2': this.popupHeaderHoverColor, /* background color that will be displayed on button when hovered */
                 '--calcite-color-text-3': this.popupHeaderTextColor, /* font color that will be displayed on button */
                 '--calcite-color-text-2': this.popupHeaderTextColor, /* font color that will be displayed on popup header text*/
-            } }, index.h("calcite-panel", null, !this._isMobile ? (index.h("div", { class: `display-flex align-items-center ${headerClass}`, slot: "header-content" }, index.h("calcite-icon", { icon: "information", scale: "s" }), index.h("div", { class: "padding-inline-start-75" }, this._translations.information))) : undefined, this._getCardNode())));
+            } }, index.h("calcite-panel", null, !this._isMobile && this._showInformationHeader || this._numSelected > 0 ? (index.h("div", { class: `display-flex align-items-center ${headerClass}`, slot: "header-content" }, index.h("calcite-icon", { icon: "information", scale: "s" }), index.h("div", { class: "padding-inline-start-75" }, this._translations.information))) : index.h("div", null), this._getCardNode())));
     }
     /**
      * Get the card node
@@ -443,9 +423,15 @@ const CrowdsourceManager = class {
     _getCardNode() {
         const isMapLayout = this.appLayout === 'mapView';
         const isTableLayout = this.appLayout === 'tableView';
-        const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
+        const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : this._numSelected > 0 ? "height-51" : !this._showInformationHeader ? "adjusted-height-50_25" : !this._isMobile ? "height-51" : "height-full";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
+        return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableCreateFeatures: this._enableCreateFeatures, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, onBackFromCreateWorkFlow: () => {
+                this._changeLayout(this.appLayout);
+                this._showInformationHeader = true;
+            }, onCreateWorkFlowStarted: () => {
+                this._changeLayout(this._layer.isTable ? "tableView" : "mapView");
+                this._showInformationHeader = false;
+            }, onFeatureOrRecordSubmitted: () => void this._layerTable.refresh(), selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
     }
     /**
      * Get the table node based for the current layout
@@ -460,7 +446,7 @@ const CrowdsourceManager = class {
         const isMapLayout = this.appLayout === 'mapView';
         const isTableLayout = this.appLayout === 'tableView';
         const tableClass = hideTable && this._isMobile ? "visibility-hidden" : isMapLayout ? "display-none" : "";
-        const mapClass = isMapLayout ? "height-full width-full" : "display-none";
+        const mapClass = isMapLayout ? "height-full width-full z-index-0" : "display-none";
         const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
         const toggleLayout = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
         const toggleSlot = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "header" : "panel-start";
@@ -469,7 +455,7 @@ const CrowdsourceManager = class {
             this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
         const defaultOid = !this.defaultOid ? undefined :
             this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
-        return (index.h("calcite-shell", { class: `${tableSizeClass} border-bottom` }, !this._isMobile ? (index.h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, this.getActions(layoutMode, panelOpen))) : undefined, index.h("div", { class: `width-full height-full position-relative ${tableClass}` }, index.h("layer-table", { createFilterModal: false, defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this?._mapInfo?.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: isTableLayout, mapInfo: this._mapInfo, mapView: this?._mapView, onToggleFilter: this._toggleFilter.bind(this), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale })), index.h("div", { class: mapClass, id: "full-map-view" })));
+        return (index.h("calcite-shell", { class: `${tableSizeClass} border-bottom` }, !this._isMobile ? (index.h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, this.getActions(layoutMode, panelOpen))) : undefined, index.h("div", { class: `width-full height-full position-relative z-index-0 ${tableClass}` }, index.h("layer-table", { createFilterModal: false, defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this?._mapInfo?.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: isTableLayout, mapInfo: this._mapInfo, mapView: this?._mapView, onToggleFilter: this._toggleFilter.bind(this), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale })), index.h("div", { class: mapClass, id: "full-map-view" })));
     }
     /**
      * Returns the Actions for table's node
@@ -546,8 +532,8 @@ const CrowdsourceManager = class {
         if (forceOpen) {
             this._panelOpen = true;
         }
-        if ((this.hideMapOnLoad && !this._hideMapOnLoadHonored) || this._isMobile) {
-            this.hideMapOnLoadWatchHandler();
+        if (this._isMobile) {
+            this.showHideMapPopupAndTable(!this._isMobile);
         }
     }
     /**
@@ -680,8 +666,7 @@ const CrowdsourceManager = class {
         this._translations = messages[0];
     }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"],
-        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"]
     }; }
 };
 CrowdsourceManager.style = CrowdsourceManagerStyle0;

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
 const locale = require('./locale-a09603ee.js');
-const mapViewUtils = require('./mapViewUtils-8d4da732.js');
+const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
@@ -291,7 +291,7 @@ const CrowdsourceReporter = class {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (index.h(index.Host, { key: '712bd9d383d112b8e86832adc5026780ed5b6a21' }, this._reportSubmitted && index.h("calcite-alert", { key: '4f355784741e72c1cdd13b6e36d77ff05680e147', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '1a529422b45de78ff1a97ff71a616d39e33736fe', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '02722111a22c5c9da25a20cd77daae0d16c4829e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: '94725b928eb5200f8b114d565f1eef551b1f8472', slot: "title" }, this._translations.error), index.h("div", { key: '362ab693984413822e85b50945cbff5633798dec', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '74b1287b952b7e9d9406b8cc08ce85fa6ee124b2', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '1ebed2836d95fc7d3dc79e26acb60645b6c8300f', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '62428d3d20b754200c6390880b7067d262008d3d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '78593f816ca80583b062b90fc796dd9e54ed7344', slot: "title" }, this._translations.error), index.h("div", { key: '5d45971a4f8c26f34e87e2985e9252932e6d90ac', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: '0a7d3e35e62a9955c8cb16b6e1f4435c11b8b11d' }, index.h("calcite-shell", { key: 'e8f9b57f6906a3e9c8960cdf722db2dc253dd454', "content-behind": true }, this._getReporter()))));
+        return (index.h(index.Host, { key: '9e2fc7137b28852f7f22c47fda4693e5659db631' }, this._reportSubmitted && index.h("calcite-alert", { key: 'ab818755ae126dad344cf7639d9b67048154447f', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: 'd1d9b947bc0f1e91a07deb800b764fd6b81e2ab8', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '92fa0cb53cf5525e19c9308f3d3e68bf7af741ff', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: 'ebe0683e73f6b7d9b3293c21b674fbfb67aedba5', slot: "title" }, this._translations.error), index.h("div", { key: '06d8a126f285011d74f88807cc6c5d51b1ed8ac4', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: 'ab2aa9d399570fb0897dccd2f5d16ac62c8e5529', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '4cb649130c819cc9643b31c9e7533e1ef68fc626', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '0f960660c43e17b9e7d71d41e4f573f5aff9a6f8', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: 'b4777d4d0d1035d0b5abb51196854cda47bebb20', slot: "title" }, this._translations.error), index.h("div", { key: '12ae974db56c10d5edf5e8cee3d55eb2c69979cf', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: 'd1b53057f95b9eb734c7263dcb7334196e84fb30' }, index.h("calcite-shell", { key: '62fb7d7fb784645334f99053f7453583e0f90fc0', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -458,7 +458,7 @@ const CrowdsourceReporter = class {
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this) }, this._showSubmitCancelButton && index.h("div", { class: "width-full", slot: "footer" }, index.h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), index.h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), index.h("calcite-panel", { "full-height": true, "full-width": true }, index.h("div", { class: "progress-bar" }, index.h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), index.h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { slot: "message" }, this._translations.featureEditFormInfoMsg)), index.h("create-feature", { customizeSubmit: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
+        return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this) }, this._showSubmitCancelButton && index.h("div", { class: "width-full", slot: "footer" }, index.h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), index.h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), index.h("calcite-panel", { "full-height": true, "full-width": true }, index.h("div", { class: "progress-bar" }, index.h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), index.h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { slot: "message" }, this._translations.featureEditFormInfoMsg)), index.h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
     }
     /**
      * Update the progress bar status when editor panel changes
@@ -776,10 +776,8 @@ const CrowdsourceReporter = class {
             index.h("calcite-button", { appearance: "solid", onClick: this.navigateToCreateFeature.bind(this), slot: "footer", width: "full" }, this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText), index.h("calcite-panel", { "full-height": true }, index.h("feature-list", { applyLayerViewFilter: this.showMyReportsOnly, class: "height-full", highlightOnHover: true, mapView: this.mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 30, ref: el => this._featureList = el, reportingOptions: this.reportingOptions, selectedLayerId: layerId, showFeatureSymbol: this.showFeatureSymbol, sortingInfo: this._updatedSorting }))));
     }
     /**
-     * Get Filter page for apllying filter
-     * @param layerId Layer id
-     * @param layerName Layer name
-     * @returns feature list node
+     * Returns the calcite-flow item for filter
+     * @returns Node
      * @protected
      */
     getFilterPanel() {
@@ -882,11 +880,21 @@ const CrowdsourceReporter = class {
     getActionToExpandCollapsePanel() {
         return (index.h("calcite-action", { icon: this._sidePanelCollapsed ? "chevrons-up" : "chevrons-down", onClick: this.toggleSidePanel.bind(this), slot: "header-actions-end", text: this._sidePanelCollapsed ? this._translations.expand : this._translations.collapse }));
     }
+    _updatingHandle;
     /**
      * Set the current map info when maps change
      * @protected
      */
     async setMapView() {
+        console.log("setMapView see if we can find the floor filter widget from the app");
+        if (this._updatingHandle) {
+            this._updatingHandle.remove();
+        }
+        this._updatingHandle = this.reactiveUtils.watch(() => this.mapView.updating, () => {
+            console.log("mapView.updating");
+            console.log(this.mapView.ui.getComponents());
+            console.log(this.mapView.ui.find("esri-floor-filter"));
+        });
         await this.getLayersToShowInList();
         // filter/update the feature(s) if any filter/condition is already applied
         await this._updateFeatures();
@@ -993,13 +1001,12 @@ const CrowdsourceReporter = class {
     }
     /**
      * Applies a definition expression when floor field and level are available
-     *
-     * @returns boolean
+     * @param layer FeatureLayer on which the definitionExpression should be updated
      * @protected
      */
     _updateFloorDefinitionExpression(layer) {
         const floorField = layer.floorInfo.floorField;
-        // update the layer defination expression
+        // update the layer definition expression
         const floorExp = `${floorField} = '${this.floorLevel}'`;
         const defExp = layer.definitionExpression;
         layer.definitionExpression = defExp?.indexOf(this._floorExpression) > -1 ?
@@ -1052,13 +1059,14 @@ const CrowdsourceReporter = class {
             await this._showMyFeaturesOnly(featureLayerView);
             const floorField = featureLayerView.layer?.floorInfo?.floorField;
             if (floorField && this.floorLevel) {
-                // Update the layer's defination as per selected floor level from map for all editable layers
+                // Update the layer's definition as per selected floor level from map for all editable layers
                 this._updateFloorDefinitionExpression(featureLayerView.layer);
             }
         }
     }
     /**
      * Show only loggedIn user's features
+     * @param featureLayerView on which the filter should be applied
      * @protected
      */
     async _showMyFeaturesOnly(featureLayerView) {

package/dist/cjs/cs-eef992e9.js

@@ -0,0 +1,149 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-83bcd60f.js');
+require('./index-5a0af791.js');
+require('./form-fba99326.js');
+require('./dom-5fd0c11a.js');
+require('./guid-81a8c49f.js');
+require('./resources-e5bab826.js');
+require('./interactive-d349d0f0.js');
+require('./browser-e9eb8b2e.js');
+require('./key-a0f7c4f3.js');
+require('./label-dc906a73.js');
+require('./component-ab59efe0.js');
+require('./loadable-d9a2a731.js');
+require('./locale-4d172288.js');
+require('./observers-b83abbfc.js');
+require('./focusTrapComponent-01de8e72.js');
+require('./config-90915d7e.js');
+require('./time-087f0346.js');
+require('./math-8d9588b6.js');
+require('./t9n-c8d7a2ec.js');
+require('./Validation-c52e0b30.js');
+require('./input-cb7565cc.js');
+
+// Czech [cs]
+
+function plural(n) {
+  return n > 1 && n < 5 && ~~(n / 10) !== 1; // eslint-disable-line
+}
+/* eslint-disable */
+
+
+function translate(number, withoutSuffix, key, isFuture) {
+  var result = number + " ";
+
+  switch (key) {
+    case 's':
+      // a few seconds / in a few seconds / a few seconds ago
+      return withoutSuffix || isFuture ? 'pár sekund' : 'pár sekundami';
+
+    case 'm':
+      // a minute / in a minute / a minute ago
+      return withoutSuffix ? 'minuta' : isFuture ? 'minutu' : 'minutou';
+
+    case 'mm':
+      // 9 minutes / in 9 minutes / 9 minutes ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'minuty' : 'minut');
+      }
+
+      return result + "minutami";
+
+    case 'h':
+      // an hour / in an hour / an hour ago
+      return withoutSuffix ? 'hodina' : isFuture ? 'hodinu' : 'hodinou';
+
+    case 'hh':
+      // 9 hours / in 9 hours / 9 hours ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'hodiny' : 'hodin');
+      }
+
+      return result + "hodinami";
+
+    case 'd':
+      // a day / in a day / a day ago
+      return withoutSuffix || isFuture ? 'den' : 'dnem';
+
+    case 'dd':
+      // 9 days / in 9 days / 9 days ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'dny' : 'dní');
+      }
+
+      return result + "dny";
+
+    case 'M':
+      // a month / in a month / a month ago
+      return withoutSuffix || isFuture ? 'měsíc' : 'měsícem';
+
+    case 'MM':
+      // 9 months / in 9 months / 9 months ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'měsíce' : 'měsíců');
+      }
+
+      return result + "m\u011Bs\xEDci";
+
+    case 'y':
+      // a year / in a year / a year ago
+      return withoutSuffix || isFuture ? 'rok' : 'rokem';
+
+    case 'yy':
+      // 9 years / in 9 years / 9 years ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'roky' : 'let');
+      }
+
+      return result + "lety";
+  }
+}
+/* eslint-enable */
+
+
+var locale = {
+  name: 'cs',
+  weekdays: 'neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota'.split('_'),
+  weekdaysShort: 'ne_po_út_st_čt_pá_so'.split('_'),
+  weekdaysMin: 'ne_po_út_st_čt_pá_so'.split('_'),
+  months: 'leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec'.split('_'),
+  monthsShort: 'led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro'.split('_'),
+  weekStart: 1,
+  yearStart: 4,
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd D. MMMM YYYY H:mm',
+    l: 'D. M. YYYY'
+  },
+  relativeTime: {
+    future: 'za %s',
+    past: 'před %s',
+    s: translate,
+    m: translate,
+    mm: translate,
+    h: translate,
+    hh: translate,
+    d: translate,
+    dd: translate,
+    M: translate,
+    MM: translate,
+    y: translate,
+    yy: translate
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports['default'] = locale;

package/dist/cjs/da-4957191f.js

@@ -0,0 +1,69 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-83bcd60f.js');
+require('./index-5a0af791.js');
+require('./form-fba99326.js');
+require('./dom-5fd0c11a.js');
+require('./guid-81a8c49f.js');
+require('./resources-e5bab826.js');
+require('./interactive-d349d0f0.js');
+require('./browser-e9eb8b2e.js');
+require('./key-a0f7c4f3.js');
+require('./label-dc906a73.js');
+require('./component-ab59efe0.js');
+require('./loadable-d9a2a731.js');
+require('./locale-4d172288.js');
+require('./observers-b83abbfc.js');
+require('./focusTrapComponent-01de8e72.js');
+require('./config-90915d7e.js');
+require('./time-087f0346.js');
+require('./math-8d9588b6.js');
+require('./t9n-c8d7a2ec.js');
+require('./Validation-c52e0b30.js');
+require('./input-cb7565cc.js');
+
+// Danish [da]
+var locale = {
+  name: 'da',
+  weekdays: 'søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag'.split('_'),
+  weekdaysShort: 'søn._man._tirs._ons._tors._fre._lør.'.split('_'),
+  weekdaysMin: 'sø._ma._ti._on._to._fr._lø.'.split('_'),
+  months: 'januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december'.split('_'),
+  monthsShort: 'jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.'.split('_'),
+  weekStart: 1,
+  yearStart: 4,
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY HH:mm',
+    LLLL: 'dddd [d.] D. MMMM YYYY [kl.] HH:mm'
+  },
+  relativeTime: {
+    future: 'om %s',
+    past: '%s siden',
+    s: 'få sekunder',
+    m: 'et minut',
+    mm: '%d minutter',
+    h: 'en time',
+    hh: '%d timer',
+    d: 'en dag',
+    dd: '%d dage',
+    M: 'en måned',
+    MM: '%d måneder',
+    y: 'et år',
+    yy: '%d år'
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports['default'] = locale;