@esri/solutions-components 0.6.17 → 0.6.19

package/dist/components/calcite-tip-manager.js

@@ -231,6 +231,11 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class TipManager extends HTM
     "effectiveLocale": [32],
     "nextTip": [64],
     "previousTip": [64]
+  }, undefined, {
+    "closed": ["closedChangeHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "selectedIndex": ["selectedChangeHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/calcite-tip.js

@@ -132,6 +132,9 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class Tip extends HTMLElement {
     "messageOverrides": [1040],
     "defaultMessages": [32],
     "effectiveLocale": [32]
+  }, undefined, {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/card-manager2.js

@@ -54,7 +54,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
     this._cardLoading = true;
     // only query if we have some ids...query with no ids will result in all features being returned
     const featureSet = ids.length > 0 ? await queryFeaturesByID(ids, this.layer, [], false, this.mapView.spatialReference) : [];
-    this._graphics = featureSet;
+    this._graphics = featureSet.sort((a, b) => ids.indexOf(b.getObjectId()) - ids.indexOf(a.getObjectId()));
     this._cardLoading = false;
   }
   /**
@@ -84,7 +84,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
     var _a, _b;
     const featuresClass = ((_a = this._graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "" : "display-none";
     const messageClass = ((_b = this._graphics) === null || _b === void 0 ? void 0 : _b.length) > 0 ? "display-none" : "";
-    return (h(Host, null, h("div", { class: "overflow-auto height-full" }, h("calcite-shell", { class: "position-relative " + featuresClass }, h("div", null, h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), h("div", { class: "padding-1 " + messageClass }, h("calcite-notice", { icon: "table", open: true }, h("div", { slot: "message" }, this._translations.selectFeaturesToStart))))));
+    return (h(Host, null, h("div", { class: "overflow-auto height-full" }, h("calcite-shell", { class: "position-relative " + featuresClass }, h("div", null, h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), h("calcite-shell", { class: "position-relative " + messageClass }, h("div", { class: "padding-1" }, h("calcite-notice", { icon: "table", open: true }, h("div", { slot: "message" }, this._translations.selectFeaturesToStart)))))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/chip.js

@@ -272,7 +272,10 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
     "hasText": [32],
     "hasImage": [32],
     "setFocus": [64]
-  }, [[0, "keydown", "keyDownHandler"], [0, "click", "clickHandler"]]]);
+  }, [[0, "keydown", "keyDownHandler"], [0, "click", "clickHandler"]], {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/color-picker-hex-input.js

@@ -375,6 +375,8 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class ColorPickerHe
     "value": [1537],
     "internalColor": [32],
     "setFocus": [64]
+  }, undefined, {
+    "value": ["handleValueChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/color-picker-swatch.js

@@ -93,6 +93,8 @@ const ColorPickerSwatch = /*@__PURE__*/ proxyCustomElement(class ColorPickerSwat
     "active": [516],
     "color": [1],
     "scale": [513]
+  }, undefined, {
+    "color": ["handleColorChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/combobox-item.js

@@ -148,6 +148,8 @@ const ComboboxItem = /*@__PURE__*/ proxyCustomElement(class ComboboxItem extends
     "filterDisabled": [516, "filter-disabled"],
     "selectionMode": [513, "selection-mode"],
     "scale": [1]
+  }, undefined, {
+    "selected": ["selectedWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/combobox.js

@@ -936,7 +936,20 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class Combobox extends HTMLEle
     "defaultMessages": [32],
     "reposition": [64],
     "setFocus": [64]
-  }, [[5, "pointerdown", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]]]);
+  }, [[5, "pointerdown", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]], {
+    "open": ["openHandler"],
+    "disabled": ["handleDisabledChange"],
+    "maxItems": ["maxItemsHandler"],
+    "overlayPositioning": ["overlayPositioningHandler"],
+    "selectionMode": ["handlePropsChange"],
+    "scale": ["handlePropsChange"],
+    "value": ["valueHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "flipPlacements": ["flipPlacementsHandler"],
+    "selectedItems": ["selectedItemsHandler"],
+    "text": ["textHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/crowdsource-manager.js

@@ -6,39 +6,40 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { a as ELayoutMode } from './interfaces.js';
-import { d as defineCustomElement$H } from './basemap-gallery2.js';
-import { d as defineCustomElement$G } from './action.js';
-import { d as defineCustomElement$F } from './action-bar.js';
-import { d as defineCustomElement$E } from './action-group.js';
-import { d as defineCustomElement$D } from './action-menu.js';
-import { d as defineCustomElement$C } from './alert.js';
-import { d as defineCustomElement$B } from './button.js';
-import { d as defineCustomElement$A } from './chip.js';
-import { d as defineCustomElement$z } from './combobox.js';
-import { d as defineCustomElement$y } from './combobox-item.js';
-import { d as defineCustomElement$x } from './dropdown.js';
-import { d as defineCustomElement$w } from './dropdown-group.js';
-import { d as defineCustomElement$v } from './dropdown-item.js';
-import { d as defineCustomElement$u } from './filter2.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-item2.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 './option.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 './select.js';
-import { d as defineCustomElement$f } from './shell.js';
-import { d as defineCustomElement$e } from './stack.js';
-import { d as defineCustomElement$d } from './tooltip.js';
-import { d as defineCustomElement$c } from './card-manager2.js';
-import { d as defineCustomElement$b } from './edit-card2.js';
+import { d as defineCustomElement$I } from './basemap-gallery2.js';
+import { d as defineCustomElement$H } from './action.js';
+import { d as defineCustomElement$G } from './action-bar.js';
+import { d as defineCustomElement$F } from './action-group.js';
+import { d as defineCustomElement$E } from './action-menu.js';
+import { d as defineCustomElement$D } from './alert.js';
+import { d as defineCustomElement$C } from './button.js';
+import { d as defineCustomElement$B } from './chip.js';
+import { d as defineCustomElement$A } from './combobox.js';
+import { d as defineCustomElement$z } from './combobox-item.js';
+import { d as defineCustomElement$y } from './dropdown.js';
+import { d as defineCustomElement$x } from './dropdown-group.js';
+import { d as defineCustomElement$w } from './dropdown-item.js';
+import { d as defineCustomElement$v } from './filter2.js';
+import { d as defineCustomElement$u } from './handle.js';
+import { d as defineCustomElement$t } from './icon.js';
+import { d as defineCustomElement$s } from './input.js';
+import { d as defineCustomElement$r } from './list.js';
+import { d as defineCustomElement$q } from './list-item2.js';
+import { d as defineCustomElement$p } from './loader.js';
+import { d as defineCustomElement$o } from './modal.js';
+import { d as defineCustomElement$n } from './notice.js';
+import { d as defineCustomElement$m } from './option.js';
+import { d as defineCustomElement$l } from './panel.js';
+import { d as defineCustomElement$k } from './popover.js';
+import { d as defineCustomElement$j } from './progress.js';
+import { d as defineCustomElement$i } from './scrim.js';
+import { d as defineCustomElement$h } from './select.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 './card-manager2.js';
+import { d as defineCustomElement$c } from './edit-card2.js';
+import { d as defineCustomElement$b } from './floor-filter2.js';
 import { d as defineCustomElement$a } from './info-card2.js';
 import { d as defineCustomElement$9 } from './layer-table2.js';
 import { d as defineCustomElement$8 } from './map-card2.js';
@@ -49,7 +50,7 @@ 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';
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px}.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-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-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-49-px{height:49px}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-ui-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-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-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-49-px{height:49px}.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}";
 
 const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceManager extends HTMLElement {
   constructor() {
@@ -62,6 +63,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     this._shouldSetMapView = false;
     this.classicGrid = false;
     this.enableAutoRefresh = true;
+    this.enableFloorFilter = true;
     this.enableFullscreen = true;
     this.enableInlineEdit = false;
     this.enableLegend = true;
@@ -75,6 +77,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     this.mapInfos = [];
     this.onlyShowUpdatableLayers = true;
     this.searchConfiguration = undefined;
+    this.theme = "light";
     this.zoomAndScrollToSelected = false;
     this._expandPopup = false;
     this._translations = undefined;
@@ -263,7 +266,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    */
   _getMapAndCard(layoutMode, panelOpen, hideMap) {
     const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
-    return this.classicGrid ? (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getCardNode(layoutMode, hideMap), this._getMapNode(layoutMode, hideMap))) : (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getMapNode(layoutMode, hideMap), this._getPopupExpandNode(), this._getCardNode(layoutMode, hideMap)));
+    return this.classicGrid ? (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getCardNode(layoutMode, hideMap), this._getMapNode(layoutMode, hideMap))) : (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getMapNode(layoutMode, hideMap), this._getPopupExpandNode(layoutMode, hideMap)));
   }
   /**
    * Get the map node based for the current layout options
@@ -275,10 +278,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * @protected
    */
   _getMapNode(layoutMode, hideMap) {
+    var _a, _b;
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
     const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : this._expandPopup ? "height-50-px" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapInfos: this.mapInfos.filter(mapInfo => mapInfo.visible !== false) })));
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter && ((_b = (_a = this._mapView) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.floorInfo), enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapInfos: this.mapInfos.filter(mapInfo => mapInfo.visible !== false) })));
   }
   /**
    * Get the expand node for the popup information
@@ -286,11 +290,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * @returns the expand node
    * @protected
    */
-  _getPopupExpandNode() {
+  _getPopupExpandNode(layoutMode, hideMap) {
     const icon = this._expandPopup ? "chevrons-down" : "chevrons-up";
     const id = "expand-popup";
     const tooltip = this._expandPopup ? this._translations.collapsePopup : this._translations.expandPopup;
-    return (h("div", { class: "height-49-px calcite-mode-dark" }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { icon: "information", scale: "s" }), h("div", { class: "padding-inline-start-75" }, this._translations.information)), h("calcite-action", { class: "height-49-px", icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end" }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)))));
+    const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+    return (h("div", { class: "calcite-mode-dark" }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { icon: "information", scale: "s" }), h("div", { class: "padding-inline-start-75" }, this._translations.information)), h("calcite-action", { class: "height-49-px", icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end" }), h("calcite-tooltip", { class: themeClass, label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)), this._getCardNode(layoutMode, hideMap))));
   }
   /**
    * Toggle the popup information
@@ -311,10 +316,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    */
   _getCardNode(layoutMode, hideMap) {
     const cardManagerHeight = this.classicGrid && layoutMode === ELayoutMode.GRID ? "" :
-      layoutMode === ELayoutMode.GRID && !this._expandPopup && !hideMap ? "adjusted-height-50" : "adjusted-height-100";
+      layoutMode === ELayoutMode.GRID && !this._expandPopup && !hideMap ? "height-50" : "";
     const cardManagerContainer = this.classicGrid && layoutMode === ELayoutMode.GRID ?
       "width-full adjusted-height-100" : this._expandPopup ? "width-50 adjusted-height-100-50" : "width-50 height-full";
-    return (h("div", { class: `${cardManagerContainer}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
+    const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+    return (h("div", { class: `${cardManagerContainer} ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
   }
   /**
    * Get the table node based for the current layout
@@ -387,6 +393,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
 }, [0, "crowdsource-manager", {
     "classicGrid": [4, "classic-grid"],
     "enableAutoRefresh": [4, "enable-auto-refresh"],
+    "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],
     "enableInlineEdit": [4, "enable-inline-edit"],
     "enableLegend": [4, "enable-legend"],
@@ -400,6 +407,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     "mapInfos": [16],
     "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
     "searchConfiguration": [16],
+    "theme": [1],
     "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
     "_expandPopup": [32],
     "_translations": [32],
@@ -411,7 +419,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-stack", "calcite-tooltip", "card-manager", "edit-card", "info-card", "layer-table", "map-card", "map-fullscreen", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
+  const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-stack", "calcite-tooltip", "card-manager", "edit-card", "floor-filter", "info-card", "layer-table", "map-card", "map-fullscreen", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
   components.forEach(tagName => { switch (tagName) {
     case "crowdsource-manager":
       if (!customElements.get(tagName)) {
@@ -420,165 +428,170 @@ function defineCustomElement$1() {
       break;
     case "basemap-gallery":
       if (!customElements.get(tagName)) {
-        defineCustomElement$H();
+        defineCustomElement$I();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$G();
+        defineCustomElement$H();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$F();
+        defineCustomElement$G();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$E();
+        defineCustomElement$F();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$D();
+        defineCustomElement$E();
       }
       break;
     case "calcite-alert":
       if (!customElements.get(tagName)) {
-        defineCustomElement$C();
+        defineCustomElement$D();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$B();
+        defineCustomElement$C();
       }
       break;
     case "calcite-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$A();
+        defineCustomElement$B();
       }
       break;
     case "calcite-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$z();
+        defineCustomElement$A();
       }
       break;
     case "calcite-combobox-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$z();
       }
       break;
     case "calcite-dropdown":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$y();
       }
       break;
     case "calcite-dropdown-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$w();
+        defineCustomElement$x();
       }
       break;
     case "calcite-dropdown-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$w();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$u();
+        defineCustomElement$v();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "calcite-modal":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "calcite-notice":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "calcite-option":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "calcite-panel":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "calcite-select":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "calcite-shell":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "calcite-stack":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "calcite-tooltip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "card-manager":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "edit-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "floor-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }

package/dist/components/date-picker-month-header.js

@@ -209,6 +209,10 @@ const DatePickerMonthHeader = /*@__PURE__*/ proxyCustomElement(class DatePickerM
     "messages": [1040],
     "nextMonthDate": [32],
     "prevMonthDate": [32]
+  }, undefined, {
+    "min": ["setNextPrevMonthDates"],
+    "max": ["setNextPrevMonthDates"],
+    "activeDate": ["setNextPrevMonthDates"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/date-picker.js

@@ -530,6 +530,14 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends HTM
     "startAsDate": [32],
     "setFocus": [64],
     "reset": [64]
+  }, undefined, {
+    "activeDate": ["activeDateWatcher"],
+    "valueAsDate": ["valueAsDateWatcher"],
+    "min": ["onMinChanged"],
+    "max": ["onMaxChanged"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange", "loadLocaleData"],
+    "value": ["valueHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/dropdown-group.js

@@ -76,7 +76,9 @@ const DropdownGroup = /*@__PURE__*/ proxyCustomElement(class DropdownGroup exten
     "groupTitle": [513, "group-title"],
     "scale": [1],
     "selectionMode": [513, "selection-mode"]
-  }, [[0, "calciteInternalDropdownItemSelect", "updateActiveItemOnChange"]]]);
+  }, [[0, "calciteInternalDropdownItemSelect", "updateActiveItemOnChange"]], {
+    "selectionMode": ["handlePropsChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/dropdown.js

@@ -435,7 +435,15 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     "scale": [513],
     "setFocus": [64],
     "reposition": [64]
-  }, [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "pointerEnterHandler"], [1, "pointerleave", "pointerLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]]]);
+  }, [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "pointerEnterHandler"], [1, "pointerleave", "pointerLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]], {
+    "open": ["openHandler"],
+    "disabled": ["handleDisabledChange"],
+    "flipPlacements": ["flipPlacementsHandler"],
+    "maxItems": ["maxItemsHandler"],
+    "overlayPositioning": ["overlayPositioningHandler"],
+    "placement": ["placementHandler"],
+    "scale": ["handlePropsChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/edit-card2.js

@@ -9,7 +9,7 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './notice.js';
 
-const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.esri-feature-relationship__list{border-top:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);margin-top:12px}.esri-feature-form__related-records_list{border-top:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);margin-top:12px}";
+const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}";
 
 const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLElement {
   constructor() {
@@ -195,6 +195,9 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     "open": [1028],
     "graphicIndex": [2, "graphic-index"],
     "_translations": [32]
+  }, undefined, {
+    "graphics": ["graphicsWatchHandler"],
+    "open": ["openWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/filter2.js

@@ -180,6 +180,11 @@ const Filter = /*@__PURE__*/ proxyCustomElement(class Filter extends HTMLElement
     "defaultMessages": [32],
     "filter": [64],
     "setFocus": [64]
+  }, undefined, {
+    "items": ["watchItemsHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "value": ["valueHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/floor-filter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FloorFilter extends Components.FloorFilter, HTMLElement {}
+export const FloorFilter: {
+  prototype: FloorFilter;
+  new (): FloorFilter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/floor-filter.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { F as FloorFilter$1, d as defineCustomElement$1 } from './floor-filter2.js';
+
+const FloorFilter = FloorFilter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FloorFilter, defineCustomElement };