@esri/solutions-components 0.7.24 → 0.7.25

package/dist/esm/buffer-tools_3.entry.js

@@ -4,8 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7183ce4a.js';
-import { l as loadModules } from './loadModules-cea493da.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-731e75a8.js';
 import { x as setRequestedIcon } from './dom-8f926f33.js';
 import { f as EDrawMode } from './interfaces-586e863c.js';
 import { s as state } from './publicNotificationStore-9362d7ae.js';

package/dist/esm/{calcite-alert_3.entry.js → calcite-alert_4.entry.js}

@@ -11,9 +11,9 @@ import { c as connectLocalized, d as disconnectLocalized, n as numberStringForma
 import { o as onToggleOpenCloseComponent } from './openCloseComponent-982c6b9e.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-f16911e7.js';
 import { K as KindIcons } from './resources-6e00e0d1.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
-import { l as loadModules } from './loadModules-cea493da.js';
+import { g as getLocaleComponentStrings, l as loadModules } from './locale-731e75a8.js';
 import { d as getAllLayers } from './mapViewUtils-6daedef8.js';
+import { P as PopupUtils } from './popupUtils-a593bd78.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './key-af303047.js';
@@ -650,4 +650,296 @@ const EditCard = class {
 };
 EditCard.style = editCardCss;
 
-export { Alert as calcite_alert, DeleteButton as delete_button, EditCard as edit_card };
+const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.padding-top-46{padding-top:46px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}";
+
+const InfoCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.popupClosed = createEvent(this, "popupClosed", 7);
+        this.selectionChanged = createEvent(this, "selectionChanged", 7);
+        this.graphics = undefined;
+        this.isLoading = false;
+        this.isMobile = undefined;
+        this.mapView = undefined;
+        this.zoomAndScrollToSelected = undefined;
+        this.allowEditing = true;
+        this._alertOpen = false;
+        this._count = "";
+        this._editRecordOpen = false;
+        this._mobileTitle = "";
+        this._showListView = false;
+        this._translations = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Watch for changes to the graphic and update the feature widget
+     */
+    async graphicsWatchHandler() {
+        await this.setGraphics();
+    }
+    /**
+     * Watch for changes to the isMobile prop then init the Features widget
+     * We need to know if the title should be displayed by the widget (non mobile)
+     * or by us (mobile)
+     */
+    async isMobileWatchHandler() {
+        await this._initFeaturesWidget();
+    }
+    /**
+     * Watch for changes to the mapView and re-init the Feature widget
+     */
+    async mapViewWatchHandler() {
+        return await this._initFeaturesWidget();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Get the current selected feature from the Features widget
+     *
+     * @returns Promise resolving with the current feature
+     */
+    async getSelectedFeature() {
+        return this._features.selectedFeature;
+    }
+    /**
+     * Respond to and close the edit record display
+     *
+     * @returns a promise when the operation has completed
+     */
+    async closeEdit() {
+        this._editRecordOpen = false;
+    }
+    /**
+     * Reset key properties when the layer selection changes
+     */
+    async layerSelectionChange() {
+        var _a;
+        this._showListView = false;
+        if ((_a = this._features) === null || _a === void 0 ? void 0 : _a.viewModel) {
+            this._features.viewModel.featureMenuOpen = false;
+            this._features.close();
+        }
+    }
+    /**
+     * Refresh the info-card graphics
+     */
+    async refreshGraphics(evt) {
+        this.graphics = [...evt.detail];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     *
+     * @returns Promise when complete
+     */
+    async componentWillLoad() {
+        await this._initModules();
+        await this._getTranslations();
+        this._popupUtils = new PopupUtils();
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     * @returns Promise when complete
+     */
+    async componentDidLoad() {
+        var _a;
+        if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            await this.setGraphics();
+        }
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const loadingClass = this.isLoading ? "" : "display-none";
+        const featureNodeClass = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute";
+        const editClass = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none";
+        const editButtonClass = (!this.isLoading && this._editRecordOpen) || this._showListView ? "display-none" : "";
+        const nextBackDisabled = ((_b = (_a = this._features) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.length) < 2;
+        const nextBackClass = this.isMobile ? "display-none" : "";
+        const shellClass = this.isMobile && !this._editRecordOpen ? "padding-top-46" : "";
+        const id = (_d = (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeature) === null || _d === void 0 ? void 0 : _d.getObjectId();
+        const ids = parseInt(id === null || id === void 0 ? void 0 : id.toString(), 10) > -1 ? [id] : [];
+        const deleteEnabled = ((_e = this._layer) === null || _e === void 0 ? void 0 : _e.editingEnabled) && ((_h = (_g = (_f = this._layer) === null || _f === void 0 ? void 0 : _f.capabilities) === null || _g === void 0 ? void 0 : _g.operations) === null || _h === void 0 ? void 0 : _h.supportsDelete);
+        return (h(Host, null, this.isMobile && !this._editRecordOpen ? (h("calcite-panel", null, h("calcite-action", { class: "end-border", icon: "chevron-left", iconFlipRtl: true, onClick: () => this._closePopup(), scale: "s", slot: "header-actions-start", text: "" }), h("span", { class: "font-bold", slot: "header-content" }, this._mobileTitle))) : undefined, h("calcite-shell", { class: shellClass }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), h("div", { class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { class: "display-flex top-border padding-1-2" }, h("calcite-button", { appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, h("span", null, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), !nextBackDisabled && h("div", { class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { class: "min-width-100" }, h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-back", onClick: () => this._back(), width: "full" }, this._translations.back), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, h("span", null, this._translations.back))), h("div", null, h("calcite-action", { icon: "list", onClick: () => this._toggleListView(), scale: "s", text: this._count, textEnabled: true })), h("div", { class: "min-width-100" }, h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-next", onClick: () => this._next(), width: "full" }, this._translations.next), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-next" }, h("span", null, this._translations.next))))), h("edit-card", { class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { slot: "title" }, this._translations.editDisabled), h("div", { slot: "message" }, this._translations.enableEditing)))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [Features, reactiveUtils] = await loadModules([
+            "esri/widgets/Features",
+            "esri/core/reactiveUtils"
+        ]);
+        this.Features = Features;
+        this.reactiveUtils = reactiveUtils;
+    }
+    /**
+     * Initializes the features widget if not created and updates the feature widget and other required states
+     *
+     * @protected
+     */
+    async setGraphics() {
+        var _a;
+        if (!this._features) {
+            await this._initFeaturesWidget();
+        }
+        if (this.graphics.length > 0) {
+            this._layer = (_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer;
+            this._editEnabled = this._layer.editingEnabled && this._layer.capabilities.operations.supportsUpdate;
+            this._mobileTitle = await this._popupUtils.getPopupTitle(this.graphics[0]);
+            this._features.open({
+                features: this.graphics
+            });
+        }
+        else {
+            this._features.clear();
+            this._features.close();
+        }
+        this._count = this._getCount();
+    }
+    /**
+     * Init the Feature widget so we can display the popup content
+     *
+     * @returns a promise when the operation has completed
+     *
+     * @protected
+     */
+    async _initFeaturesWidget() {
+        var _a;
+        return this.isMobile !== undefined ? await ((_a = this.mapView) === null || _a === void 0 ? void 0 : _a.when(() => {
+            if (!this._features) {
+                this._features = new this.Features({
+                    view: this.mapView,
+                    container: "features-node",
+                    visibleElements: {
+                        actionBar: false,
+                        closeButton: false,
+                        heading: !this.isMobile
+                    }
+                });
+                this.reactiveUtils.watch(() => this._features.viewModel.featureMenuOpen, (isOpen) => {
+                    if (!isOpen) {
+                        this._showListView = isOpen;
+                    }
+                });
+                if (this.zoomAndScrollToSelected) {
+                    this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
+                        if (i > -1) {
+                            this.selectionChanged.emit([this._features.selectedFeature]);
+                        }
+                    });
+                }
+            }
+            else {
+                this._features.view = this.mapView;
+                this._features.visibleElements.actionBar = false;
+                this._features.visibleElements.closeButton = false;
+                this._features.visibleElements.heading = !this.isMobile;
+            }
+        })) : Promise.resolve();
+    }
+    /**
+     * Close the popup and emit the selected features
+     */
+    _closePopup() {
+        this.popupClosed.emit();
+    }
+    /**
+     * Set the alertOpen member to false when the alert is closed
+     */
+    _alertClosed() {
+        this._alertOpen = false;
+    }
+    /**
+     * Open the edit record
+     */
+    _openEditRecord() {
+        if (this._editEnabled) {
+            this._editRecordOpen = true;
+        }
+        else {
+            this._alertOpen = true;
+        }
+    }
+    /**
+     * Go to the previous feature in the features widget
+     */
+    _back() {
+        this._features.previous();
+        this._count = this._getCount();
+    }
+    /**
+     * Go to the next feature in the features widget
+     */
+    _next() {
+        this._features.next();
+        this._count = this._getCount();
+    }
+    /**
+     * Get the current index of total string
+     *
+     * @returns the index of total string
+     */
+    _getCount() {
+        var _a, _b, _c;
+        const index = (((_a = this._features) === null || _a === void 0 ? void 0 : _a.viewModel.selectedFeatureIndex) + 1).toString();
+        const total = (_c = (_b = this._features) === null || _b === void 0 ? void 0 : _b.features) === null || _c === void 0 ? void 0 : _c.length.toString();
+        return this._translations.indexOfTotal
+            .replace("{{index}}", index)
+            .replace("{{total}}", total);
+    }
+    /**
+     * Toggle the visibility of the features list view
+     */
+    _toggleListView() {
+        this._showListView = !this._showListView;
+        const i = this._features.selectedFeatureIndex;
+        this._features.open({
+            features: this.graphics,
+            featureMenuOpen: this._showListView
+        });
+        this._features.selectedFeatureIndex = i;
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "graphics": ["graphicsWatchHandler"],
+        "isMobile": ["isMobileWatchHandler"],
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+InfoCard.style = infoCardCss;
+
+export { Alert as calcite_alert, DeleteButton as delete_button, EditCard as edit_card, InfoCard as info_card };

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

@@ -21,12 +21,11 @@ import { g as getIconScale } from './component-98bae46b.js';
 import { d as debounce } from './debounce-229b1a22.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1149b5cb.js';
 import { i as isActivationKey } from './key-af303047.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { g as getLocaleComponentStrings } from './locale-731e75a8.js';
 import { c as getMapLayerHash, o as getMapTableHash } from './mapViewUtils-6daedef8.js';
 import { s as state } from './publicNotificationStore-9362d7ae.js';
 import './resources-cdc36705.js';
 import './browser-b4c16201.js';
-import './loadModules-cea493da.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-586e863c.js';

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

@@ -11,17 +11,16 @@ import { c as connectInteractive, u as updateHostInteraction, d as disconnectInt
 import { c as connectLocalized, d as disconnectLocalized } from './locale-6107ef11.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-f16911e7.js';
 import { S as SLOTS$1 } from './resources-649a0f91.js';
-import { P as PopupUtils } from './popupUtils-b71f30fc.js';
+import { P as PopupUtils } from './popupUtils-a593bd78.js';
 import { g as getLayerOrTable, b as getFeatureLayerView, h as highlightFeatures, c as getMapLayerHash, d as getAllLayers } from './mapViewUtils-6daedef8.js';
-import { g as getLocaleComponentStrings, f as formatNumber } from './locale-13e3c96c.js';
+import { g as getLocaleComponentStrings, f as formatNumber } from './locale-731e75a8.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './browser-b4c16201.js';
 import './key-af303047.js';
-import './loadModules-cea493da.js';
+import './interfaces-586e863c.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
-import './interfaces-586e863c.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/esm/calcite-shell-panel_14.entry.js

@@ -19,7 +19,7 @@ import { q as getItemIndex, m as mutationObserverCallback, d as deselectRemovedI
 import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-65956286.js';
 import { C as CSS$5, S as SLOTS$3 } from './resources-13098091.js';
 import { I as ICON_TYPES$1 } from './resources-6772a50d.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { g as getLocaleComponentStrings } from './locale-731e75a8.js';
 import { s as state } from './solution-store-19f7825b.js';
 import { d as EUpdateType } from './interfaces-586e863c.js';
 import { E as EFileType } from './solution-resource-7b8d302d.js';
@@ -29,7 +29,6 @@ import './browser-b4c16201.js';
 import './array-51c31356.js';
 import './resources-a0420cda.js';
 import './debounce-229b1a22.js';
-import './loadModules-cea493da.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './index-857df22e.js';

package/dist/esm/{card-manager_2.entry.js → card-manager_3.entry.js}

@@ -4,13 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-7183ce4a.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { g as getLocaleComponentStrings, l as loadModules } from './locale-731e75a8.js';
 import { q as queryFeaturesByID, g as getLayerOrTable, a as goToSelection, e as queryAllIds, f as queryFeatureIds, i as queryFeaturesByGlobalID } from './mapViewUtils-6daedef8.js';
-import { l as loadModules } from './loadModules-cea493da.js';
-import { d as downloadCSV } from './downloadUtils-067dc2ff.js';
-import './interfaces-586e863c.js';
+import { d as downloadCSV } from './downloadUtils-a301c193.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
+import './interfaces-586e863c.js';
 import './solution-resource-7b8d302d.js';
 import './index-a1e91462.js';
 import './restHelpersGet-af032ab2.js';
@@ -1461,4 +1460,181 @@ const LayerTable = class {
 };
 LayerTable.style = layerTableCss;
 
-export { CardManager as card_manager, LayerTable as layer_table };
+const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 51px)}.height-full{height:100%}.box-shadow{box-shadow:none !important}.visibility-hidden{visibility:hidden}.display-none{display:none}";
+
+const MapCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.mapChanged = createEvent(this, "mapChanged", 7);
+        this.beforeMapChanged = createEvent(this, "beforeMapChanged", 7);
+        /**
+         * boolean: When true the default map provided via url params has been loaded and should no longer override other maps
+         */
+        this._defaultWebmapHonored = false;
+        /**
+         * string: the id of map currently displayed
+         */
+        this._loadedId = "";
+        this.defaultWebmapId = "";
+        this.enableHome = undefined;
+        this.enableLegend = undefined;
+        this.enableFloorFilter = undefined;
+        this.enableFullscreen = undefined;
+        this.enableSingleExpand = true;
+        this.enableSearch = undefined;
+        this.enableBasemap = undefined;
+        this.basemapConfig = undefined;
+        this.hidden = undefined;
+        this.homeZoomIndex = 3;
+        this.homeZoomPosition = "top-left";
+        this.homeZoomToolsSize = "m";
+        this.mapInfos = [];
+        this.mapWidgetsIndex = 0;
+        this.mapWidgetsPosition = "top-right";
+        this.mapWidgetsSize = "m";
+        this.mapView = undefined;
+        this.stackTools = true;
+        this.theme = undefined;
+        this.toolOrder = undefined;
+        this._searchConfiguration = undefined;
+        this._webMapInfo = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add/remove home widget
+     */
+    enableHomeWatchHandler() {
+        this._initHome();
+    }
+    /**
+     * Listen for changes to map info and load the appropriate map
+     */
+    async mapInfoChange(evt) {
+        await this._loadMap(evt.detail);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._initModules();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        var _a, _b;
+        const mapClass = this.hidden ? "visibility-hidden" : "";
+        const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+        const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
+        const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
+        return (h(Host, null, h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [WebMap, MapView, Home] = await loadModules([
+            "esri/WebMap",
+            "esri/views/MapView",
+            "esri/widgets/Home"
+        ]);
+        this.WebMap = WebMap;
+        this.MapView = MapView;
+        this.Home = Home;
+    }
+    /**
+     * Load the webmap for the provided webMapInfo
+     *
+     * @param webMapInfo the webmap id and name to load
+     */
+    async _loadMap(webMapInfo) {
+        var _a;
+        // on the first render use the default webmap id if provided otherwise use the first child of the provided mapInfos
+        const loadDefaultMap = !this._defaultWebmapHonored && this.defaultWebmapId;
+        const defaultMap = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === this.defaultWebmapId);
+        const mapConfigChanged = JSON.stringify(webMapInfo) !== JSON.stringify(this._webMapInfo);
+        this._webMapInfo = loadDefaultMap && defaultMap ? defaultMap[0] :
+            !(webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
+        const id = this._webMapInfo.id;
+        const isDefaultMap = loadDefaultMap && (webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) === this.defaultWebmapId;
+        if ((this._loadedId !== id && !loadDefaultMap) || isDefaultMap) {
+            const webMap = new this.WebMap({
+                portalItem: { id }
+            });
+            this.mapView = new this.MapView({
+                container: this._mapDiv,
+                map: webMap,
+                resizeAlign: "center"
+            });
+            this._loadedId = id;
+            this._searchConfiguration = this._webMapInfo.searchConfiguration;
+            this.beforeMapChanged.emit();
+            await this.mapView.when(() => {
+                this._initHome();
+                this.mapView.ui.add(this._mapTools, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex });
+                this._defaultWebmapHonored = isDefaultMap ? true : this._defaultWebmapHonored;
+                this.mapChanged.emit({
+                    id: id,
+                    mapView: this.mapView
+                });
+            });
+        }
+        else if (loadDefaultMap) {
+            this._defaultWebmapHonored = true;
+            this._mapPicker.setMapByID(id);
+        }
+        else if (mapConfigChanged) {
+            // Map is the same so no need to reload but we need to update for any changes from the config
+            this._searchConfiguration = this._webMapInfo.searchConfiguration;
+            this.beforeMapChanged.emit();
+            this.mapChanged.emit({
+                id: id,
+                mapView: this.mapView
+            });
+        }
+    }
+    /**
+     * Add/remove the home widget base on enableHome prop
+     *
+     * @protected
+     */
+    _initHome() {
+        if (this.enableHome) {
+            this._homeWidget = new this.Home({
+                view: this.mapView
+            });
+            this.mapView.ui.add(this._homeWidget, { position: this.homeZoomPosition, index: this.homeZoomIndex });
+            const size = this.homeZoomToolsSize === "s" ? "32px" : this.homeZoomToolsSize === "m" ? "40px" : "48px";
+            this._homeWidget.domNode.style.height = size;
+            this._homeWidget.domNode.style.width = size;
+        }
+        else if (this._homeWidget) {
+            this.mapView.ui.remove(this._homeWidget);
+        }
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "enableHome": ["enableHomeWatchHandler"]
+    }; }
+};
+MapCard.style = mapCardCss;
+
+export { CardManager as card_manager, LayerTable as layer_table, MapCard as map_card };

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

@@ -4,10 +4,9 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-7183ce4a.js';
-import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { g as getLocaleComponentStrings } from './locale-731e75a8.js';
 import { E as ELayoutMode } from './interfaces-586e863c.js';
 import { g as getLayerOrTable } from './mapViewUtils-6daedef8.js';
-import './loadModules-cea493da.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';