@esri/solutions-components 0.10.44 → 0.10.46

package/dist/components/layer-table2.js

@@ -9,44 +9,42 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, c as getFeatureLayerView, g as getLayerOrTable } from './mapViewUtils.js';
 import { b as queryAllIds, c as queryAllOidsWithQueryFeatures, d as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$F } from './action.js';
-import { d as defineCustomElement$E } from './action-bar.js';
-import { d as defineCustomElement$D } from './action-group.js';
-import { d as defineCustomElement$C } from './action-menu.js';
-import { d as defineCustomElement$B } from './block.js';
-import { d as defineCustomElement$A } from './button.js';
-import { d as defineCustomElement$z } from './checkbox.js';
-import { d as defineCustomElement$y } from './chip.js';
-import { d as defineCustomElement$x } from './combobox.js';
-import { d as defineCustomElement$w } from './combobox-item.js';
-import { d as defineCustomElement$v } from './date-picker.js';
-import { d as defineCustomElement$u } from './date-picker-day.js';
-import { d as defineCustomElement$t } from './date-picker-month.js';
-import { d as defineCustomElement$s } from './date-picker-month-header.js';
-import { d as defineCustomElement$r } from './dropdown.js';
-import { d as defineCustomElement$q } from './dropdown-group.js';
-import { d as defineCustomElement$p } from './dropdown-item.js';
-import { d as defineCustomElement$o } from './graph.js';
-import { d as defineCustomElement$n } from './handle.js';
-import { d as defineCustomElement$m } from './icon.js';
-import { d as defineCustomElement$l } from './input.js';
-import { d as defineCustomElement$k } from './input-date-picker.js';
-import { d as defineCustomElement$j } from './input-text.js';
-import { d as defineCustomElement$i } from './label2.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 './option.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 './select.js';
-import { d as defineCustomElement$8 } from './shell.js';
-import { d as defineCustomElement$7 } from './slider.js';
-import { d as defineCustomElement$6 } from './tooltip.js';
-import { d as defineCustomElement$5 } from './delete-button2.js';
-import { d as defineCustomElement$4 } from './delete-dialog2.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 './block.js';
+import { d as defineCustomElement$y } from './button.js';
+import { d as defineCustomElement$x } from './checkbox.js';
+import { d as defineCustomElement$w } from './chip.js';
+import { d as defineCustomElement$v } from './combobox.js';
+import { d as defineCustomElement$u } from './combobox-item.js';
+import { d as defineCustomElement$t } from './date-picker.js';
+import { d as defineCustomElement$s } from './date-picker-day.js';
+import { d as defineCustomElement$r } from './date-picker-month.js';
+import { d as defineCustomElement$q } from './date-picker-month-header.js';
+import { d as defineCustomElement$p } from './dropdown.js';
+import { d as defineCustomElement$o } from './dropdown-group.js';
+import { d as defineCustomElement$n } from './dropdown-item.js';
+import { d as defineCustomElement$m } from './graph.js';
+import { d as defineCustomElement$l } from './handle.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './input.js';
+import { d as defineCustomElement$i } from './input-date-picker.js';
+import { d as defineCustomElement$h } from './input-text.js';
+import { d as defineCustomElement$g } from './label2.js';
+import { d as defineCustomElement$f } from './loader.js';
+import { d as defineCustomElement$e } from './modal.js';
+import { d as defineCustomElement$d } from './notice.js';
+import { d as defineCustomElement$c } from './option.js';
+import { d as defineCustomElement$b } from './panel.js';
+import { d as defineCustomElement$a } from './popover.js';
+import { d as defineCustomElement$9 } from './progress.js';
+import { d as defineCustomElement$8 } from './scrim.js';
+import { d as defineCustomElement$7 } from './select.js';
+import { d as defineCustomElement$6 } from './shell.js';
+import { d as defineCustomElement$5 } from './slider.js';
+import { d as defineCustomElement$4 } from './tooltip.js';
 import { d as defineCustomElement$3 } from './instant-apps-filter-list2.js';
 import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
@@ -60,6 +58,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this.__registerHost();
         this.featureSelectionChange = createEvent(this, "featureSelectionChange", 7);
         this.toggleFilter = createEvent(this, "toggleFilter", 7);
+        this.showDelete = createEvent(this, "showDelete", 7);
         this.appLayout = undefined;
         this.defaultGlobalId = undefined;
         this.defaultLayerId = undefined;
@@ -90,7 +89,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._filterOpen = false;
         this._layer = undefined;
         this._selectAllActive = false;
-        this._deleteDialogOpen = false;
         this._showHideOpen = false;
         this._showOnlySelected = false;
         this._toolInfos = undefined;
@@ -457,6 +455,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Emitted on demand when filter action is clicked
      */
     toggleFilter;
+    /**
+     * Emitted on demand when when the delete dialog should be shown
+     */
+    showDelete;
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -570,10 +572,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '0998f68ec5ab3fe8c2e7a21aa832137730faf94f' }, h("calcite-shell", { key: 'a6f00f0280358c318cbed1afc48d54ae0ffae465' }, this._getTableControlRow("header"), h("div", { key: '744786c1915fd86e81c278ecc75c862312c1ec6f', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'b59b7bcf0f6e3f5411ff0ecf5de8e6bd747fbe4a', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '6c62638d97156a2101764bf620b0f48b70f906ad', class: "search-container" }, h("calcite-input", { key: '8ff64d0529b5e3fe281490917ba44a829567cb0c', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '7f673a2fd30a5828dec0400d01c581440a3adf6b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '39c0801b1992db5f8782d6b3569fa89ba47ce8ce', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'ade26bd309af37b5b9f9bdc355f1cf6c575fa89a' }, h("calcite-shell", { key: '95668ae72cde1a3600e17a0d138ba8b810a4c525' }, this._getTableControlRow("header"), h("div", { key: '488eabfc4666c0d81aacbac523e7ba20288a4701', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '75d01c41afbb872f57472adc76045431163c0cab', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'b6062ca6e5702fc835777a6fe6ecec7a66926bc0', class: "search-container" }, h("calcite-input", { key: 'eade11ccb0d7b6d5aed838dbb6b2eaec4286d8c6', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '889c97b23074f5be4b045199cf48632720d6c598', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4ac0bfdaf07c38ff57008bade29b4b90b11f437d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: '6bf4038662260c566d304a63d8f118265a1bf69e', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
     }
     _deleteDialog;
     /**
@@ -1169,7 +1171,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      *
      */
     _showDelete() {
-        this._deleteDialogOpen = true;
+        this.showDelete.emit({
+            ids: this._getIds()
+        });
     }
     /**
      * Get an action and tooltip for share
@@ -1247,7 +1251,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, id: "solutions-delete", ids: this._getIds(), layer: this._layer, locale: this.locale })) : (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: label }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon) }, (h("calcite-action", { appearance: "solid", compact: true, disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Return all currently selected IDs from the table
@@ -2005,7 +2009,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_filterOpen": [32],
         "_layer": [32],
         "_selectAllActive": [32],
-        "_deleteDialogOpen": [32],
         "_showHideOpen": [32],
         "_showOnlySelected": [32],
         "_toolInfos": [32],
@@ -2037,7 +2040,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "delete-button", "delete-dialog", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -2045,191 +2048,181 @@ function defineCustomElement() {
             }
             break;
         case "calcite-action":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$F();
-            }
-            break;
-        case "calcite-action-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
-        case "calcite-action-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$D();
             }
             break;
-        case "calcite-action-menu":
+        case "calcite-action-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$C();
             }
             break;
-        case "calcite-block":
+        case "calcite-action-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "calcite-button":
+        case "calcite-action-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "calcite-checkbox":
+        case "calcite-block":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "calcite-chip":
+        case "calcite-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "calcite-combobox":
+        case "calcite-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "calcite-combobox-item":
+        case "calcite-chip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "calcite-date-picker":
+        case "calcite-combobox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "calcite-date-picker-day":
+        case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "calcite-date-picker-month":
+        case "calcite-date-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "calcite-date-picker-month-header":
+        case "calcite-date-picker-day":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "calcite-dropdown":
+        case "calcite-date-picker-month":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "calcite-dropdown-group":
+        case "calcite-date-picker-month-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "calcite-dropdown-item":
+        case "calcite-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "calcite-graph":
+        case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "calcite-handle":
+        case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "calcite-icon":
+        case "calcite-graph":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "calcite-input":
+        case "calcite-handle":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "calcite-input-date-picker":
+        case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "calcite-input-text":
+        case "calcite-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "calcite-label":
+        case "calcite-input-date-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "calcite-loader":
+        case "calcite-input-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "calcite-modal":
+        case "calcite-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "calcite-notice":
+        case "calcite-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "calcite-option":
+        case "calcite-modal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "calcite-panel":
+        case "calcite-notice":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "calcite-popover":
+        case "calcite-option":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "calcite-progress":
+        case "calcite-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "calcite-scrim":
+        case "calcite-popover":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "calcite-select":
+        case "calcite-progress":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "calcite-shell":
+        case "calcite-scrim":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "calcite-slider":
+        case "calcite-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "calcite-tooltip":
+        case "calcite-shell":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "delete-button":
+        case "calcite-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "delete-dialog":
+        case "calcite-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/components/map-card2.js

@@ -401,7 +401,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '525ee5ce855cf5aa4f8c50e7e88be6c6236046ac' }, h("div", { key: '899898ee0b2ba9048ed24716a339c94d3106a52e', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '896569eb6cf65f45cbebb4b36f5b01ada5ed1092', class: progressClass, value: 0 }), h("div", { key: '79cac798541783bdc74e4b13f9df4d7564eb99f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '730d48c4ce98af3872bfa6c486e8749e18c24477', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: '5861d407b8529c6834d5d05450693d1fff2b71ee' }, h("div", { key: '01e028e8a00fc66d5eaa8eb7f85b58d579c3e7ff', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '6a0b7a2a734f3631b8c8a712acaf60a9e95c6c16', class: progressClass, value: 0 }), h("div", { key: '74cebf9c194bfc5b72be3b397821f586a5923fa4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '6c87207eecaacf61c594f1036af38c0548ea1767', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

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

@@ -185,7 +185,7 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: 'c94ac0dde3ba21569ef86cb3ba5e92a427acd10f' }, h("div", { key: 'c699bf597d5a28d62dbba20fa6ddca38f406294f', class: containerClass }, h("div", { key: '78058d9155a650bb59e59ab9064a0286b7479759', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '8cfc53dda2d1b272841acf40bd70b951111c359e', class: undoRedoClass }, h("calcite-action", { key: '5a8f0d0429f7d3df587957ae77ed935b0f99a5a0', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '163067cba4a163dc32d23c2d96cb2d9d967d287e', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '253db0399bab5d5fc6f4232bb537ddeec81fec2c' }, h("div", { key: 'bbac53da8b8b1196cc3a7aedf5479cd4e33ab3ea', class: containerClass }, h("div", { key: '8d3dae2c2f82f7e4d7aae92d4a4c6050d2a96478', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'd635374374ebdff26157a1258ba84932d491e36a', class: undoRedoClass }, h("calcite-action", { key: 'fb437fec19fa7ffc57459e426ba988fd4d50c1e6', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fd3f4f3e8b722b95c0b7aad1fc6b909a97787b86', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/map-fullscreen2.js

@@ -88,7 +88,7 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '28d49dabefbb64024028bd6d7b7a104fafd81eae' }, h("div", { key: '443af45e3ce2c83a797ebfaac9e442d57d05c34c', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '7eec3dc5ab76a4ad8fdd24d8d18f8e6cf2820dde' }, h("div", { key: '2093cc2a6a3678209e61eea63ebde2f69ec00011', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -173,7 +173,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '33b19dbf87019ad071242aaa688e49f35e2c2808' }, h("div", { key: '85e781782fc529acae68b1137f8ec1a317b452a0', class: "map-layer-picker-container", style: style }, h("div", { key: 'c257b179b56939d998650c676e835c9976d9fb21', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '47d80c20f364f6d4f1a247f7f84d25ca4ff5cd7b' }, h("div", { key: '16ecc0c3dad51b0707304e003861e419796f3fba', class: "map-layer-picker-container", style: style }, h("div", { key: '56a3d93b9f91afd753952a0e86fe9ee426c529f5', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

package/dist/components/map-legend2.js

@@ -73,7 +73,7 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '6b8c415650cb42727d7f09d3d4d92f8aebc7526b' }, h("div", { key: '36fd4c49d4ab19411fe309822e5b87104736282a', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/components/map-picker2.js

@@ -134,7 +134,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c6f59dfac8acfc06775a3a38cefa1fd2c2708722' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

package/dist/components/map-search2.js

@@ -101,7 +101,7 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '3464734a35e8cf89f033d508d21831eef665c9b2' }, h("div", { key: 'bf79025ba97e9f26681a6c6200dcdbc2ea227ce8', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '36e0fb49fdedbe9e8789fba37f86a2f2d57b4e45' }, h("div", { key: '796ee258723e9277dc98323ba76def22bd7dca3a', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -68,12 +68,12 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         this.sketchLineSymbol = undefined;
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
+        this.searchDistanceEnabled = false;
+        this.useLayerFeaturesEnabled = false;
         this._numSelected = 0;
-        this._searchDistanceEnabled = false;
         this._searchTerm = undefined;
         this._selectionLoading = false;
         this._translations = undefined;
-        this._useLayerFeaturesEnabled = false;
     }
     get el() { return this; }
     //--------------------------------------------------------------------------
@@ -262,9 +262,9 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             graphics: this._graphics,
             selectLayers: this.layerViews,
             skipGeomOIDs: this._skipGeomOIDs,
-            searchDistanceEnabled: this._searchDistanceEnabled,
+            searchDistanceEnabled: this.searchDistanceEnabled,
             workflowType: this._workflowType,
-            useLayerFeaturesEnabled: this._useLayerFeaturesEnabled,
+            useLayerFeaturesEnabled: this.useLayerFeaturesEnabled,
             sketchGraphic: this._sketchGraphic
         };
     }
@@ -322,30 +322,30 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '92c7ef37eb97404a826b7803ff06ce691722a6d1' }, this._getMapLayerPicker(), h("div", { key: '22959b62191b47b716363007be0a356b62af492a', class: "border-bottom" }), h("div", { key: '834c3ddd3ef31a022ed32131a8c21dce325b2c19', class: "padding-top-sides-1" }, h("div", { key: '86b43e7c82a9fc6a2d54be79be3690120a29b78e', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '5107461cb8a706e9540c8765138d7bc57355fc67', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'ee678a630d39b7550805f0c070adb8e07428b104', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '3b88977c13f6a3cde10de6cba927424595fdb13f', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
      */
     _getBufferOptions() {
         if (this.enableSearchDistanceOnLoad) {
-            this._searchDistanceEnabled = true;
+            this.searchDistanceEnabled = true;
             this.enableSearchDistanceOnLoad = false;
         }
-        const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
+        const showBufferToolsClass = this.searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this.searchDistanceEnabled, onCalciteSwitchChange: () => this.searchDistanceEnabled = !this.searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this.searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
      */
     _getUseLayerFeaturesOptions() {
         if (this.enableLayerFeaturesOnLoad) {
-            this._useLayerFeaturesEnabled = true;
+            this.useLayerFeaturesEnabled = true;
             this.enableLayerFeaturesOnLoad = false;
         }
-        const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
+        const useLayerFeaturesClass = this.useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this.useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
     }
     /**
      * Renders the number of selected features
@@ -426,8 +426,8 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             this._selectLayers = this.selectionSet.selectLayers;
             this._selectedIds = this.selectionSet.selectedIds;
             this._skipGeomOIDs = this.selectionSet.skipGeomOIDs;
-            this._searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
-            this._useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
+            this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
+            this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
             this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0;
             this._unit = this.selectionSet.unit;
             this._workflowType = this.selectionSet.workflowType;
@@ -446,7 +446,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
                 });
             });
             this._selectionLabel = this.selectionSet?.label;
-            if (!this._useLayerFeaturesEnabled) {
+            if (!this.useLayerFeaturesEnabled) {
                 await this._drawTools?.updateGraphics();
             }
             await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
@@ -652,13 +652,13 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             if (!forceUpdate) {
                 this._sketchGraphic = graphics[0];
             }
-            this._workflowType = this._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
+            this._workflowType = this.useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
             if (this._workflowType === EWorkflowType.SKETCH) {
                 await this._drawTools.updateGraphics();
             }
             await this._updateLabel();
             this._clearSearchWidget();
-            if (this._useLayerFeaturesEnabled && !forceUpdate) {
+            if (this.useLayerFeaturesEnabled && !forceUpdate) {
                 // Will only ever be a single graphic
                 const geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;
                 await this._selectLayerFeatures(geometries[0]);
@@ -972,7 +972,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      * @protected
      */
     _useLayerFeaturesEnabledChanged() {
-        this._useLayerFeaturesEnabled = !this._useLayerFeaturesEnabled;
+        this.useLayerFeaturesEnabled = !this.useLayerFeaturesEnabled;
         if (this._sketchGraphic) {
             void this._sketchGraphicsChanged({
                 detail: {
@@ -1023,12 +1023,12 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         "sketchLineSymbol": [16],
         "sketchPointSymbol": [16],
         "sketchPolygonSymbol": [16],
+        "searchDistanceEnabled": [4, "search-distance-enabled"],
+        "useLayerFeaturesEnabled": [4, "use-layer-features-enabled"],
         "_numSelected": [32],
-        "_searchDistanceEnabled": [32],
         "_searchTerm": [32],
         "_selectionLoading": [32],
         "_translations": [32],
-        "_useLayerFeaturesEnabled": [32],
         "clearSelection": [64],
         "getSelection": [64]
     }, [[8, "searchConfigurationChange", "searchConfigurationChangeChanged"], [8, "distanceChanged", "distanceChanged"], [8, "unitChanged", "unitChanged"]], {

package/dist/components/map-tools2.js

@@ -218,7 +218,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: '6287cfedcd109c621812cc823ee75487a166f7c0' }, h("div", { key: '6f3f1a8ff1fb9c1d671be044143eec4ca6708062', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '156511461a6b6c4a98b47c62460754405f101574', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '7975fa8c2db0c3fc10534d538bc593f8543b330e', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd7df2b0010bc62b9d2a9601018a962d3e8df2561', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '1bd19b87e9def0b81251aa422ef0024a938bd93d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'c5a68a86acc284af7659f467f2fe98c6168b619e', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '8d596ddeb353ac85635aa3ef550708e4ec4d5706', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '6a707a10b3cbe094548a863b13d0852969c46f94' }, h("div", { key: 'c1e349ba8577a87f967b31a7a042be30cb933d34', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7120793f9d707fb0d1914f5aeffb3293532ab891', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '11e280302f6b1f5287aa83c7eb33542f3a9d87ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'c3afd22dc8d652877f48a6def87e486546993d61', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'b8fad3cdbc3b96b4f3441316651ad78b4ed3de65', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'e34111225f1ec80fedfd548196e407786d28200b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2db5c7e6182d77786b162692169263495b2752f5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //