@esri/solutions-components 0.7.24 → 0.7.25

package/dist/components/crowdsource-reporter.js

@@ -5,53 +5,44 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$E } from './basemap-gallery2.js';
-import { d as defineCustomElement$D } from './action.js';
-import { d as defineCustomElement$C } from './action-bar.js';
-import { d as defineCustomElement$B } from './action-group.js';
-import { d as defineCustomElement$A } from './action-menu.js';
-import { d as defineCustomElement$z } from './alert.js';
-import { d as defineCustomElement$y } from './button.js';
-import { d as defineCustomElement$x } from './chip.js';
-import { d as defineCustomElement$w } from './filter2.js';
-import { d as defineCustomElement$v } from './flow.js';
-import { d as defineCustomElement$u } from './flow-item.js';
-import { d as defineCustomElement$t } from './handle.js';
-import { d as defineCustomElement$s } from './icon.js';
-import { d as defineCustomElement$r } from './input.js';
-import { d as defineCustomElement$q } from './list.js';
-import { d as defineCustomElement$p } from './list-item.js';
-import { d as defineCustomElement$o } from './loader.js';
-import { d as defineCustomElement$n } from './modal.js';
-import { d as defineCustomElement$m } from './notice.js';
-import { d as defineCustomElement$l } from './pagination.js';
-import { d as defineCustomElement$k } from './panel.js';
-import { d as defineCustomElement$j } from './popover.js';
-import { d as defineCustomElement$i } from './progress.js';
-import { d as defineCustomElement$h } from './scrim.js';
-import { d as defineCustomElement$g } from './shell.js';
-import { d as defineCustomElement$f } from './stack.js';
-import { d as defineCustomElement$e } from './tooltip.js';
-import { d as defineCustomElement$d } from './delete-button2.js';
-import { d as defineCustomElement$c } from './edit-card2.js';
-import { d as defineCustomElement$b } from './feature-list2.js';
-import { d as defineCustomElement$a } from './floor-filter2.js';
-import { d as defineCustomElement$9 } from './info-card2.js';
-import { d as defineCustomElement$8 } from './layer-list2.js';
-import { d as defineCustomElement$7 } from './map-card2.js';
-import { d as defineCustomElement$6 } from './map-fullscreen2.js';
-import { d as defineCustomElement$5 } from './map-legend2.js';
-import { d as defineCustomElement$4 } from './map-picker2.js';
-import { d as defineCustomElement$3 } from './map-search2.js';
-import { d as defineCustomElement$2 } from './map-tools2.js';
+import { d as defineCustomElement$u } from './action.js';
+import { d as defineCustomElement$t } from './action-menu.js';
+import { d as defineCustomElement$s } from './alert.js';
+import { d as defineCustomElement$r } from './button.js';
+import { d as defineCustomElement$q } from './chip.js';
+import { d as defineCustomElement$p } from './filter2.js';
+import { d as defineCustomElement$o } from './flow.js';
+import { d as defineCustomElement$n } from './flow-item.js';
+import { d as defineCustomElement$m } from './handle.js';
+import { d as defineCustomElement$l } from './icon.js';
+import { d as defineCustomElement$k } from './input.js';
+import { d as defineCustomElement$j } from './list.js';
+import { d as defineCustomElement$i } from './list-item.js';
+import { d as defineCustomElement$h } from './loader.js';
+import { d as defineCustomElement$g } from './modal.js';
+import { d as defineCustomElement$f } from './notice.js';
+import { d as defineCustomElement$e } from './pagination.js';
+import { d as defineCustomElement$d } from './panel.js';
+import { d as defineCustomElement$c } from './popover.js';
+import { d as defineCustomElement$b } from './progress.js';
+import { d as defineCustomElement$a } from './scrim.js';
+import { d as defineCustomElement$9 } from './shell.js';
+import { d as defineCustomElement$8 } from './stack.js';
+import { d as defineCustomElement$7 } from './tooltip.js';
+import { d as defineCustomElement$6 } from './delete-button2.js';
+import { d as defineCustomElement$5 } from './edit-card2.js';
+import { d as defineCustomElement$4 } from './feature-list2.js';
+import { d as defineCustomElement$3 } from './info-card2.js';
+import { d as defineCustomElement$2 } from './layer-list2.js';
 
-const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100%}.width-0{width:0}.height-full{height:100%}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.map-container{position:absolute;width:calc(100% - 390px);left:390px}.side-panel{padding:2px;width:390px;height:100%;position:absolute;top:0;left:0;z-index:60}.error-msg{padding:10px}@media screen and (max-width: 600px){.map-container{left:0;height:50%;width:100%}.map-container-mobile{height:calc(100% - 100px)}.side-panel{padding:2px;width:100%;height:50%;position:absolute;top:50%;left:0;z-index:60}.collapsed-side-panel{top:calc(100% - 100px);height:100px}}";
+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)}.map-container{position:absolute;width:calc(100% - 390px);left:390px}.side-panel{padding:2px;width:390px;height:100%;position:absolute;top:0;left:0;z-index:60}.error-msg{padding:10px}.collapsed-side-panel{top:calc(100% - 55px);height:54px}";
 
 const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceReporter extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.description = undefined;
+        this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
         this.enableAnonymousComments = undefined;
         this.enableComments = undefined;
@@ -59,6 +50,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this.enableNewReports = undefined;
         this.layers = undefined;
         this.loginTitle = undefined;
+        this.mapView = undefined;
         this.reportButtonText = undefined;
         this.reportsHeader = undefined;
         this.reportSubmittedMessage = undefined;
@@ -71,8 +63,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this.theme = "light";
         this.enableZoom = true;
         this._mapInfo = undefined;
-        this._mapView = undefined;
-        this._isMobile = false;
         this._flowItems = ["layer-list"];
         this._sidePanelCollapsed = false;
         this._translations = undefined;
@@ -83,6 +73,22 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async isMobileWatchHandler() {
+        if (this.isMobile) {
+            this._sidePanelCollapsed = false;
+        }
+    }
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async mapViewWatchHandler() {
+        await this.mapView.when(async () => {
+            await this.setMapView();
+        });
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -93,15 +99,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
     //  Events (public)
     //
     //--------------------------------------------------------------------------
-    /**
-     * Listen for mapChanged event to be fired then store the new mapView so components will be updated
-     */
-    async mapChanged(evt) {
-        this._mapChange = evt.detail;
-        await this._mapChange.mapView.when(async () => {
-            await this.setMapView();
-        });
-    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -114,27 +111,12 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     async componentWillLoad() {
         await this._getTranslations();
-        const mediaQueryList = window.matchMedia("screen and (max-width: 600px)");
-        this._isMobile = mediaQueryList.matches;
-        //on change update the state for is mobile and the sidePanelCollapsed
-        mediaQueryList.onchange = (e) => {
-            this._isMobile = e.matches;
-            this._sidePanelCollapsed = false;
-        };
     }
     /**
      * Renders the component.
      */
     render() {
-        var _a, _b;
-        let validConfiguration = true;
-        //Check if webMap id is configured
-        if (!this.mapInfos || this.mapInfos.length <= 0 || (((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 0 && !((_b = this.mapInfos[0]) === null || _b === void 0 ? void 0 : _b.id))) {
-            validConfiguration = false;
-        }
-        return (h(Host, null, h("div", null, validConfiguration &&
-            h("calcite-shell", { "content-behind": true }, this._getReporter(), this._getMapNode()), !validConfiguration &&
-            h("calcite-notice", { class: "error-msg", icon: "configure", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this._translations.invalidConfigurationErrorMsg)))));
+        return (h(Host, null, h("div", null, h("calcite-shell", { "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -162,11 +144,11 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         });
         let sidePanelClass = "side-panel";
         //in case of mobile handle for collapsed styles of the panel
-        if (this._isMobile && this._sidePanelCollapsed) {
+        if (this.isMobile && this._sidePanelCollapsed) {
             sidePanelClass += " collapsed-side-panel";
         }
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h("calcite-panel", { class: sidePanelClass + " " + themeClass }, this._mapView
+        return (h("calcite-panel", { class: sidePanelClass + " width-full " + themeClass }, this.mapView
             ? h("calcite-flow", null, (renderLists === null || renderLists === void 0 ? void 0 : renderLists.length) > 0 && renderLists)
             : h("calcite-loader", { scale: "m" })));
     }
@@ -176,7 +158,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getLayerListFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this._isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this._hasValidLayers && h("calcite-action", { icon: "sort-ascending-arrow", slot: this._isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this._isMobile }), this._hasValidLayers && h("calcite-action", { icon: "filter", slot: this._isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this._isMobile }), this._isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports && h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this._mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this) }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this._hasValidLayers && h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), this._hasValidLayers && h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports && h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this) }))));
     }
     /**
      * When layer list is loaded, we will receive the list of layers, if its  means we don't have any valid layer to be listed
@@ -227,14 +209,14 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getFeatureListFlowItem(layerId, layerName) {
-        return (h("calcite-flow-item", { collapsed: this._isMobile && this._sidePanelCollapsed, heading: layerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, h("calcite-action", { icon: "sort-ascending-arrow", slot: this._isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this._isMobile }), h("calcite-action", { icon: "filter", slot: this._isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this._isMobile }), this._isMobile && this.getActionToExpandCollapsePanel(), this.enableNewReports && h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true }, h("feature-list", { class: "height-full", highlightOnMap: true, mapView: this._mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 100, selectedLayerId: layerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: layerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this.enableNewReports && h("calcite-button", { appearance: "secondary", slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true }, h("feature-list", { class: "height-full", highlightOnMap: true, mapView: this.mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 100, selectedLayerId: layerId }))));
     }
     /**
      * Returns the calcite-flow item for feature details
      * @returns Node
      */
     getFeatureDetailsFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this._isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, this._isMobile && this.getActionToExpandCollapsePanel(), h("calcite-action", { icon: "share", slot: "header-actions-end", text: this._translations.share }), h("calcite-panel", { "full-height": true }, h("info-card", { allowEditing: false, graphics: this._selectedFeature, isLoading: false, isMobile: false, mapView: this._mapView, zoomAndScrollToSelected: true }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromFeatureList.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("calcite-action", { icon: "share", slot: "header-actions-end", text: this._translations.share }), h("calcite-panel", { "full-height": true }, h("info-card", { allowEditing: false, graphics: this._selectedFeature, isLoading: false, isMobile: false, mapView: this.mapView, zoomAndScrollToSelected: true }))));
     }
     /**
      * Returns the action button to Expand/Collapse side panel in mobile mode
@@ -242,51 +224,14 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
     getActionToExpandCollapsePanel() {
         return (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 }));
     }
-    /**
-     * Get the map node based for the current layout options
-     * @returns the map node
-     * @protected
-     */
-    _getMapNode() {
-        var _a;
-        let mapContainerClass = "overflow-hidden map-container";
-        if (this._isMobile) {
-            if (this._sidePanelCollapsed) {
-                mapContainerClass += " map-container-mobile";
-            }
-        }
-        else {
-            mapContainerClass += " height-full";
-        }
-        return (h("div", { class: mapContainerClass }, h("map-card", { class: "width-full", defaultWebmapId: this.defaultWebmap, enableBasemap: false, enableFloorFilter: false, enableFullscreen: false, enableHome: this.enableHome, enableLegend: true, enableSearch: this.enableSearch, enableSingleExpand: false, hidden: false, homeZoomIndex: 0, homeZoomPosition: "top-left", homeZoomToolsSize: "s", mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false), mapWidgetsIndex: this.enableHome ? 4 : 3, mapWidgetsPosition: "top-left", mapWidgetsSize: "s", stackTools: false, theme: this.theme, toolOrder: ["search", "legend", "fullscreen", "basemap", "floorfilter"] })));
-    }
-    /**
-     * Get the current map info (configuration details) when maps change
-     * @param id Id of the map to be returned
-     * @returns IMapInfo for the provided id
-     * @protected
-     */
-    getMapInfo(id) {
-        let mapInfo;
-        this.mapInfos.some(mi => {
-            if (mi.id === id) {
-                mapInfo = mi;
-                return true;
-            }
-        });
-        return Object.assign({}, mapInfo);
-    }
     /**
      * Set the current map info when maps change
      * @protected
      */
     async setMapView() {
-        this._mapInfo = this.getMapInfo(this._mapChange.id);
-        this._mapView = this._mapChange.mapView;
-        this.initMapZoom();
-        this._mapView.popupEnabled = false;
+        this.mapView.popupEnabled = false;
         if (this._defaultCenter && this._defaultLevel) {
-            await this._mapView.goTo({
+            await this.mapView.goTo({
                 center: this._defaultCenter,
                 zoom: this._defaultLevel
             });
@@ -294,22 +239,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
             this._defaultLevel = undefined;
         }
     }
-    /**
-     * Add/remove zoom tools based on enableZoom prop
-     * @protected
-     */
-    initMapZoom() {
-        if (!this.enableZoom) {
-            this._mapView.ui.remove("zoom");
-        }
-        else if (this.enableZoom) {
-            this._mapView.ui.add({
-                component: "zoom",
-                position: "top-left",
-                index: 0
-            });
-        }
-    }
     /**
      * Fetches the component's translations
      * @returns Promise when complete
@@ -320,9 +249,14 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this._translations = messages[0];
     }
     get el() { return this; }
+    static get watchers() { return {
+        "isMobile": ["isMobileWatchHandler"],
+        "mapView": ["mapViewWatchHandler"]
+    }; }
     static get style() { return crowdsourceReporterCss; }
 }, [0, "crowdsource-reporter", {
         "description": [1],
+        "isMobile": [4, "is-mobile"],
         "enableAnonymousAccess": [4, "enable-anonymous-access"],
         "enableAnonymousComments": [4, "enable-anonymous-comments"],
         "enableComments": [4, "enable-comments"],
@@ -330,6 +264,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "enableNewReports": [4, "enable-new-reports"],
         "layers": [16],
         "loginTitle": [1, "login-title"],
+        "mapView": [16],
         "reportButtonText": [1, "report-button-text"],
         "reportsHeader": [1, "reports-header"],
         "reportSubmittedMessage": [1, "report-submitted-message"],
@@ -342,215 +277,166 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "theme": [1],
         "enableZoom": [4, "enable-zoom"],
         "_mapInfo": [32],
-        "_mapView": [32],
-        "_isMobile": [32],
         "_flowItems": [32],
         "_sidePanelCollapsed": [32],
         "_translations": [32],
         "_hasValidLayers": [32]
-    }, [[8, "mapChanged", "mapChanged"]]]);
+    }, undefined, {
+        "isMobile": ["isMobileWatchHandler"],
+        "mapView": ["mapViewWatchHandler"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["crowdsource-reporter", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-filter", "calcite-flow", "calcite-flow-item", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-pagination", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-shell", "calcite-stack", "calcite-tooltip", "delete-button", "edit-card", "feature-list", "floor-filter", "info-card", "layer-list", "map-card", "map-fullscreen", "map-legend", "map-picker", "map-search", "map-tools"];
+    const components = ["crowdsource-reporter", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-filter", "calcite-flow", "calcite-flow-item", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-pagination", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-shell", "calcite-stack", "calcite-tooltip", "delete-button", "edit-card", "feature-list", "info-card", "layer-list"];
     components.forEach(tagName => { switch (tagName) {
         case "crowdsource-reporter":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, CrowdsourceReporter$1);
             }
             break;
-        case "basemap-gallery":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
         case "calcite-action":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$D();
-            }
-            break;
-        case "calcite-action-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$C();
-            }
-            break;
-        case "calcite-action-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "calcite-action-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "calcite-alert":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "calcite-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "calcite-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "calcite-filter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "calcite-flow":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "calcite-flow-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "calcite-handle":
+        case "calcite-action-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "calcite-icon":
+        case "calcite-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "calcite-input":
+        case "calcite-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "calcite-list":
+        case "calcite-chip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "calcite-list-item":
+        case "calcite-filter":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "calcite-loader":
+        case "calcite-flow":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "calcite-modal":
+        case "calcite-flow-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "calcite-notice":
+        case "calcite-handle":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "calcite-pagination":
+        case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "calcite-panel":
+        case "calcite-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "calcite-popover":
+        case "calcite-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "calcite-progress":
+        case "calcite-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "calcite-scrim":
+        case "calcite-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "calcite-shell":
+        case "calcite-modal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "calcite-stack":
+        case "calcite-notice":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "calcite-tooltip":
+        case "calcite-pagination":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "delete-button":
+        case "calcite-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "edit-card":
+        case "calcite-popover":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "feature-list":
+        case "calcite-progress":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "floor-filter":
+        case "calcite-scrim":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "info-card":
+        case "calcite-shell":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "layer-list":
+        case "calcite-stack":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "map-card":
+        case "calcite-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "map-fullscreen":
+        case "delete-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "map-legend":
+        case "edit-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "map-picker":
+        case "feature-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "map-search":
+        case "info-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "map-tools":
+        case "layer-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }