@esri/solutions-components 0.6.18 → 0.6.20

package/dist/components/layer-table2.js

@@ -223,8 +223,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
     const id = "more-table-options";
-    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
-      this._translations.showSelected), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
+    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV))), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
   }
   /**
    * Get an action and tooltip
@@ -410,6 +409,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const hitTestResult = await this.mapView.hitTest(evt.screenPoint, opts);
     if (hitTestResult.results.length > 0) {
       hitTestResult.results.forEach((result) => {
+        this._clearSelection();
         const id = result.graphic.getObjectId();
         const index = this._table.highlightIds.indexOf(id);
         if (index > -1) {
@@ -489,7 +489,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         prev.push(_cur);
       }
       return prev;
-    }, []);
+    }, []).sort((a, b) => a - b);
     this._table.highlightIds.addMany(ids);
     this._selectedIndexes = ids;
   }
@@ -650,7 +650,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     "_sortActive": [32],
     "_translations": [32],
     "getSelectedGraphics": [64]
-  }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "noLayersFound", "noLayersFound"]]]);
+  }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "noLayersFound", "noLayersFound"]], {
+    "mapView": ["mapViewWatchHandler"],
+    "_layer": ["_layerWatchHandler"],
+    "_sortActive": ["_sortActiveWatchHandler"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/list-item2.js

@@ -414,7 +414,14 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
     "hasContentStart": [32],
     "hasContentEnd": [32],
     "setFocus": [64]
-  }, [[0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"], [0, "calciteInternalListDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"]]]);
+  }, [[0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"], [0, "calciteInternalListDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"]], {
+    "active": ["activeHandler"],
+    "closed": ["handleClosedChange"],
+    "disabled": ["handleDisabledChange"],
+    "selected": ["handleSelectedChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/list.js

@@ -509,7 +509,14 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     "hasFilterActionsEnd": [32],
     "hasFilterActionsStart": [32],
     "setFocus": [64]
-  }, [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalHandleChange", "handleCalciteInternalHandleChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]]]);
+  }, [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalHandleChange", "handleCalciteInternalHandleChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]], {
+    "filterText": ["handleFilterTextChange"],
+    "filterEnabled": ["handleListItemChange"],
+    "group": ["handleListItemChange"],
+    "dragEnabled": ["handleListItemChange"],
+    "selectionMode": ["handleListItemChange"],
+    "selectionAppearance": ["handleListItemChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/map-draw-tools2.js

@@ -367,6 +367,9 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
     "_selectionMode": [32],
     "clear": [64],
     "updateGraphics": [64]
+  }, undefined, {
+    "graphics": ["graphicsWatchHandler"],
+    "mapView": ["mapViewWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-fullscreen2.js

@@ -111,6 +111,8 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
 }, [1, "map-fullscreen", {
     "mapView": [16],
     "fullscreenWidget": [16]
+  }, undefined, {
+    "mapView": ["mapViewWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-layer-picker2.js

@@ -84,8 +84,9 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("div", { class: "map-layer-picker-container" }, h("div", { class: "map-layer-picker" }, !this._hasValidLayers ? this._getInvalidPlaceholder() : this.type === "combobox" ? this._getCombobox() :
-      this.type === "select" ? this._getSelect() : this._getDropdown()))));
+    const id = "map-layer-picker";
+    return (h(Host, null, h("div", { class: "map-layer-picker-container" }, h("div", { class: "map-layer-picker" }, !this._hasValidLayers ? this._getInvalidPlaceholder() : this.type === "combobox" ? this._getCombobox(id) :
+      this.type === "select" ? this._getSelect(id) : this._getDropdown(id), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchLayer))))));
   }
   /**
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -118,32 +119,35 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
   }
   /**
    * Create a list of layers from the map
-   *
    * Used for selecting a single layer.
    *
+   * @param id the id for the select component used to support the tooltip
+   *
    * @returns Calcite Select component with the ids of the layers from the map
    */
-  _getSelect() {
-    return (h("calcite-select", { label: "", onCalciteSelectChange: () => this._layerSelectionChange(), ref: (el) => { this._layerElement = el; }, scale: this.scale }, this._getMapLayerOptions()));
+  _getSelect(id) {
+    return (h("calcite-select", { id: id, label: "", onCalciteSelectChange: () => this._layerSelectionChange(), ref: (el) => { this._layerElement = el; }, scale: this.scale }, this._getMapLayerOptions()));
   }
   /**
    * Create a list of layer ids from the map
-   *
    * Used for selecting multiple layers
    *
+   * @param id the id for the combobox component used to support the tooltip
+   *
    * @returns Calcite ComboBox component with the ids of the layers from the map
    */
-  _getCombobox() {
-    return (h("calcite-combobox", { clearDisabled: true, label: "", onCalciteComboboxChange: () => this._layerSelectionChange(), "placeholder-icon": this.placeholderIcon, ref: (el) => { this._layerElement = el; }, scale: this.scale, "selection-mode": "single" }, this._getMapLayerOptions()));
+  _getCombobox(id) {
+    return (h("calcite-combobox", { clearDisabled: true, id: id, label: "", onCalciteComboboxChange: () => this._layerSelectionChange(), "placeholder-icon": this.placeholderIcon, ref: (el) => { this._layerElement = el; }, scale: this.scale, "selection-mode": "single" }, this._getMapLayerOptions()));
   }
   /**
    * Hydrate a dropdown component with items to display the layer names
    *
+   * @param id the id for the dropdown component used to support the tooltip
+   *
    * @returns Array of Dropdown items with layer names
    */
-  _getDropdown() {
-    const id = "map-layer-picker";
-    return (h("calcite-dropdown", { class: "layer-picker-dropdown" }, h("calcite-action", { slot: "trigger", text: "" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", id: id, kind: "neutral", width: "full" }, h("div", null, this.selectedName)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchLayer))), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
+  _getDropdown(id) {
+    return (h("calcite-dropdown", { class: "layer-picker-dropdown" }, h("calcite-action", { id: id, slot: "trigger", text: "" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", kind: "neutral", width: "full" }, h("div", null, this.selectedName))), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
   }
   /**
    * Get the appropriate type of dom nodes for each valid layer or table
@@ -290,6 +294,8 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     "ids": [32],
     "selectedName": [32],
     "_translations": [32]
+  }, undefined, {
+    "mapView": ["mapViewWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-legend2.js

@@ -99,6 +99,8 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
 }, [1, "map-legend", {
     "mapView": [16],
     "legendWidget": [16]
+  }, undefined, {
+    "mapView": ["mapViewWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-picker2.js

@@ -23,7 +23,7 @@ import { d as defineCustomElement$3 } from './scrim.js';
 import { d as defineCustomElement$2 } from './stack.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
 
-const mapPickerCss = ":host{display:block}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-ui-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}";
+const mapPickerCss = ":host{display:block;--solutions-theme-foreground-color:var(--calcite-ui-foreground-1)}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-ui-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}";
 
 const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLElement {
   constructor() {
@@ -186,6 +186,9 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
     "_mapListExpanded": [32],
     "_translations": [32],
     "_webMapInfo": [32]
+  }, undefined, {
+    "_webMapInfo": ["_webMapInfoWatchHandler"],
+    "mapInfos": ["mapInfosWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-search2.js

@@ -182,6 +182,9 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
     "searchConfiguration": [16],
     "searchTerm": [1, "search-term"],
     "searchWidget": [16]
+  }, undefined, {
+    "searchConfiguration": ["watchSearchConfigurationHandler"],
+    "mapView": ["mapViewWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/map-select-tools2.js

@@ -827,7 +827,10 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     "_useLayerFeaturesEnabled": [32],
     "clearSelection": [64],
     "getSelection": [64]
-  }, [[8, "searchConfigurationChange", "searchConfigurationChangeChanged"], [8, "distanceChanged", "distanceChanged"], [8, "unitChanged", "unitChanged"]]]);
+  }, [[8, "searchConfigurationChange", "searchConfigurationChangeChanged"], [8, "distanceChanged", "distanceChanged"], [8, "unitChanged", "unitChanged"]], {
+    "geometries": ["watchGeometriesHandler"],
+    "searchConfiguration": ["watchSearchConfigurationHandler"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/map-tools2.js

@@ -159,7 +159,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
       undefined, this.enableFloorFilter ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -275,6 +275,12 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     "_showFullscreen": [32],
     "_showLegendWidget": [32],
     "_showSearchWidget": [32]
+  }, undefined, {
+    "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFloorFilter": ["_showFloorFilterWatchHandler"],
+    "_showFullscreen": ["_showFullscreenWatchHandler"],
+    "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
+    "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/menu.js

@@ -241,7 +241,11 @@ const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends H
     "effectiveLocale": [32],
     "globalAttributes": [32],
     "setFocus": [64]
-  }, [[0, "calciteInternalMenuItemKeyEvent", "calciteInternalNavMenuItemKeyEvent"]]]);
+  }, [[0, "calciteInternalMenuItemKeyEvent", "calciteInternalNavMenuItemKeyEvent"]], {
+    "layout": ["handleLayoutChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/modal.js

@@ -408,7 +408,13 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
     "setFocus": [64],
     "updateFocusTrapElements": [64],
     "scrollContent": [64]
-  }, [[8, "keydown", "handleEscape"]]]);
+  }, [[8, "keydown", "handleEscape"]], {
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"],
+    "open": ["toggleModal"],
+    "opened": ["handleOpenedChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/notice.js

@@ -142,6 +142,11 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     "effectiveLocale": [32],
     "defaultMessages": [32],
     "setFocus": [64]
+  }, undefined, {
+    "messageOverrides": ["onMessagesChange"],
+    "icon": ["updateRequestedIcon"],
+    "kind": ["updateRequestedIcon"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/option.js

@@ -85,6 +85,11 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
     "label": [1025],
     "selected": [516],
     "value": [1032]
+  }, undefined, {
+    "disabled": ["handlePropChange"],
+    "label": ["handlePropChange"],
+    "selected": ["handlePropChange"],
+    "value": ["handlePropChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/pagination.js

@@ -225,6 +225,9 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
     "setFocus": [64],
     "nextPage": [64],
     "previousPage": [64]
+  }, undefined, {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange", "effectiveLocaleWatcher"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/panel.js

@@ -322,6 +322,9 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
     "showHeaderContent": [32],
     "setFocus": [64],
     "scrollContentTo": [64]
+  }, undefined, {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/pick-list-item.js

@@ -234,6 +234,15 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class PickListItem extends
     "effectiveLocale": [32],
     "toggleSelected": [64],
     "setFocus": [64]
+  }, undefined, {
+    "description": ["descriptionWatchHandler"],
+    "label": ["labelWatchHandler"],
+    "defaultMessages": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "metadata": ["metadataWatchHandler"],
+    "selected": ["selectedWatchHandler"],
+    "value": ["valueWatchHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/popover.js

@@ -439,6 +439,17 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
     "reposition": [64],
     "setFocus": [64],
     "updateFocusTrapElements": [64]
+  }, undefined, {
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
+    "flipPlacements": ["flipPlacementsHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "offsetDistance": ["offsetDistanceOffsetHandler"],
+    "offsetSkidding": ["offsetSkiddingHandler"],
+    "open": ["openHandler"],
+    "overlayPositioning": ["overlayPositioningHandler"],
+    "placement": ["placementHandler"],
+    "referenceElement": ["referenceElementHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/public-notification.js

@@ -924,7 +924,14 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
     "_saveEnabled": [32],
     "_selectionSets": [32],
     "_translations": [32]
-  }, [[8, "selectionSetsChanged", "selectionSetsChanged"]]]);
+  }, [[8, "selectionSetsChanged", "selectionSetsChanged"]], {
+    "mapView": ["mapViewWatchHandler"],
+    "searchConfiguration": ["watchSearchConfigurationHandler"],
+    "sketchLineSymbol": ["sketchLineSymbolWatchHandler"],
+    "sketchPointSymbol": ["sketchPointSymbolWatchHandler"],
+    "sketchPolygonSymbol": ["sketchPolygonSymbolWatchHandler"],
+    "_pageType": ["pageTypeWatchHandler"]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/scrim.js

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

package/dist/components/segmented-control-item.js

@@ -71,6 +71,8 @@ const SegmentedControlItem = /*@__PURE__*/ proxyCustomElement(class SegmentedCon
     "appearance": [1],
     "layout": [1],
     "scale": [1]
+  }, undefined, {
+    "checked": ["handleCheckedChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/segmented-control.js

@@ -233,7 +233,13 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
     "selectedItem": [1040],
     "width": [513],
     "setFocus": [64]
-  }, [[0, "calciteInternalSegmentedControlItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]]]);
+  }, [[0, "calciteInternalSegmentedControlItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]], {
+    "appearance": ["handlePropsChange"],
+    "layout": ["handlePropsChange"],
+    "scale": ["handlePropsChange"],
+    "value": ["valueHandler"],
+    "selectedItem": ["handleSelectedItemChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/select.js

@@ -230,7 +230,10 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
     "selectedOption": [1040],
     "width": [513],
     "setFocus": [64]
-  }, [[0, "calciteInternalOptionChange", "handleOptionOrGroupChange"], [0, "calciteInternalOptionGroupChange", "handleOptionOrGroupChange"]]]);
+  }, [[0, "calciteInternalOptionChange", "handleOptionOrGroupChange"], [0, "calciteInternalOptionGroupChange", "handleOptionOrGroupChange"]], {
+    "value": ["valueHandler"],
+    "selectedOption": ["selectedOptionHandler"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/shell-panel.js

@@ -417,6 +417,14 @@ const ShellPanel = /*@__PURE__*/ proxyCustomElement(class ShellPanel extends HTM
     "defaultMessages": [32],
     "effectiveLocale": [32],
     "hasHeader": [32]
+  }, undefined, {
+    "detached": ["handleDetached"],
+    "displayMode": ["handleDisplayMode"],
+    "detachedHeightScale": ["handleDetachedHeightScale"],
+    "heightScale": ["handleHeightScale"],
+    "layout": ["layoutHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/slider.js

@@ -908,7 +908,13 @@ const Slider = /*@__PURE__*/ proxyCustomElement(class Slider extends HTMLElement
     "maxValueDragRange": [32],
     "tickValues": [32],
     "setFocus": [64]
-  }, [[0, "keydown", "keyDownHandler"], [1, "pointerdown", "pointerDownHandler"]]]);
+  }, [[0, "keydown", "keyDownHandler"], [1, "pointerdown", "pointerDownHandler"]], {
+    "histogram": ["histogramWatcher"],
+    "ticks": ["ticksWatcher"],
+    "value": ["valueHandler"],
+    "minValue": ["minMaxValueHandler"],
+    "maxValue": ["minMaxValueHandler"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/solution-configuration.js

@@ -2034,7 +2034,10 @@ const SolutionConfiguration$1 = /*@__PURE__*/ proxyCustomElement(class SolutionC
     "getSpatialReferenceInfo": [64],
     "saveSolution": [64],
     "unloadSolution": [64]
-  }, [[8, "solutionItemSelected", "_solutionItemSelected"]]]);
+  }, [[8, "solutionItemSelected", "_solutionItemSelected"]], {
+    "serializedAuthentication": ["serializedAuthenticationWatchHandler"],
+    "solutionItemId": ["valueWatchHandler"]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/solution-contents2.js

@@ -84,6 +84,8 @@ const SolutionContents = /*@__PURE__*/ proxyCustomElement(class SolutionContents
 }, [0, "solution-contents", {
     "selectedItemId": [1537, "selected-item-id"],
     "templateHierarchy": [1040]
+  }, undefined, {
+    "templateHierarchy": ["valueWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-item-sharing2.js

@@ -133,6 +133,8 @@ const SolutionItemSharing = /*@__PURE__*/ proxyCustomElement(class SolutionItemS
     "_translations": [32],
     "sharing": [32],
     "getShareInfo": [64]
+  }, undefined, {
+    "groupId": ["itemIdWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-item2.js

@@ -131,6 +131,8 @@ const SolutionItem = /*@__PURE__*/ proxyCustomElement(class SolutionItem extends
     "organizationVariables": [1537, "organization-variables"],
     "itemType": [32],
     "_translations": [32]
+  }, undefined, {
+    "itemId": ["itemIdWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-organization-variables2.js

@@ -93,6 +93,8 @@ const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class Sol
     "value": [1537],
     "_organizationVariables": [32],
     "_translations": [32]
+  }, undefined, {
+    "value": ["valueWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-resource-item2.js

@@ -288,6 +288,8 @@ const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class SolutionReso
     "resourceFilePaths": [32],
     "resources": [32],
     "_translations": [32]
+  }, undefined, {
+    "itemId": ["itemIdWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-template-data2.js

@@ -129,6 +129,8 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
     "varsOpen": [1540, "vars-open"],
     "_translations": [32],
     "value": [32]
+  }, undefined, {
+    "itemId": ["itemIdWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/solution-variables2.js

@@ -106,6 +106,8 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
     "value": [1537],
     "_solutionVariables": [32],
     "_translations": [32]
+  }, undefined, {
+    "value": ["valueWatchHandler"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/spatial-ref2.js

@@ -21325,6 +21325,8 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
     "createSpatialRefDisplay": [64],
     "getSpatialRef": [64],
     "wkidToDisplay": [64]
+  }, undefined, {
+    "value": ["valueChanged"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/tab-nav.js

@@ -248,7 +248,10 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class TabNav extends HTMLElement
     "indicatorOffset": [1026, "indicator-offset"],
     "indicatorWidth": [1026, "indicator-width"],
     "selectedTabId": [32]
-  }, [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsFocusFirst", "focusFirstTabHandler"], [0, "calciteInternalTabsFocusLast", "focusLastTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabsClose", "internalCloseTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"], [0, "calciteInternalTabIconChanged", "iconStartChangeHandler"]]]);
+  }, [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsFocusFirst", "focusFirstTabHandler"], [0, "calciteInternalTabsFocusLast", "focusLastTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabsClose", "internalCloseTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"], [0, "calciteInternalTabIconChanged", "iconStartChangeHandler"]], {
+    "selectedTabId": ["selectedTabIdChanged"],
+    "selectedTitle": ["selectedTitleChanged"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/tab-title.js

@@ -308,7 +308,11 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class TabTitle extends HTMLEle
     "getTabIndex": [64],
     "getTabIdentifier": [64],
     "updateAriaInfo": [64]
-  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]);
+  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]], {
+    "selected": ["selectedHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/table-cell.js

@@ -159,6 +159,10 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
     "selectionText": [32],
     "effectiveLocale": [32],
     "setFocus": [64]
+  }, undefined, {
+    "parentRowIsSelected": ["onSelectedChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/table-header.js

@@ -173,6 +173,11 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
     "screenReaderText": [32],
     "effectiveLocale": [32],
     "setFocus": [64]
+  }, undefined, {
+    "selectedRowCount": ["onSelectedChange"],
+    "selectedRowCountLocalized": ["onSelectedChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {