@esri/solutions-components 0.8.14 → 0.8.16

package/dist/components/feature-list2.js

@@ -25,7 +25,7 @@ import { d as defineCustomElement$3 } from './progress.js';
 import { d as defineCustomElement$2 } from './scrim.js';
 import { d as defineCustomElement$1 } from './stack.js';
 
-const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.popup-title{font-weight:500;padding:10px 12px}";
+const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;padding:10px 12px}.feature-list-popup-title-small{font-size:x-small;padding:10px 12px}";
 const FeatureListStyle0 = featureListCss;
 
 const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends HTMLElement {
@@ -39,6 +39,10 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         this.pageSize = 100;
         this.highlightOnMap = false;
         this.highlightOnHover = false;
+        this.sortingInfo = undefined;
+        this.whereClause = undefined;
+        this.textSize = "large";
+        this.showInitialLoading = true;
         this._featureItems = [];
         this._featuresCount = 0;
         this._isLoading = false;
@@ -56,6 +60,18 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
         await this.initializeFeatureItems();
     }
+    /**
+     * Watch for sorting field or order change and update the features list
+     */
+    async sortingInfoWatchHandler() {
+        await this.initializeFeatureItems();
+    }
+    /**
+     * Watch for whereclause change and update the features list
+     */
+    async whereClauseHandler() {
+        await this.initializeFeatureItems();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -78,7 +94,7 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
     async componentWillLoad() {
         await this.initModules();
         await this._getTranslations();
-        this._isLoading = true;
+        this._isLoading = this.showInitialLoading;
         this._popupUtils = new PopupUtils();
         if (this.mapView && this.selectedLayerId) {
             this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
@@ -94,9 +110,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '4cb73ad53f9ce1cced4c6001d45001523cb19c4a', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'c88ac531c61ece3284c474a334f281507e69dad0', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '70dafc90052736c5b450f9c9c87ae5627f068b92', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'a0b9b2aafbdb12f945d87242e29271ca0ff732fc', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'a5dd1674092e74bedb06e32b739d14a949b92bea', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: '35dc472ed2aa2bd8e83ca42cf12db0469c967505', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'da3acc4616f040d350b198ef759a3d081d06deee', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, "start-item": "1", "total-items": this._featuresCount }))));
+        return (h("calcite-panel", { key: '37f83a9c019e68213493f5e890324470389cd36f', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '671559375bb5fcdc8a01f9f10a82ab71edc0d836', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: 'f6101de52464f2316bfbb83919036b4cf035f8b9', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'e49017399909f1d0b93ec4e24341b9042267977f', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '2e90c0aec739fcce422ff730a39adc85b71a84cb', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: '4b59248846c5b433bb88171c322070a13002f23d', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '1ca5dbccdc59379999a94198d7ac6111e1ef547b', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, "start-item": "1", "total-items": this._featuresCount }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -114,15 +130,36 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         ]);
         this.Color = Color;
     }
+    /**
+     * Return the where condition string considering the defined where clause and layer's definition expression
+     * @protected
+     */
+    getWhereCondition() {
+        var _a;
+        //By Default load all the features
+        let whereClause = '1=1';
+        //if where clause is defined use it
+        if (this.whereClause) {
+            whereClause = this.whereClause;
+        }
+        //if layer has definitionExpression append it to the where clause
+        if ((_a = this._selectedLayer) === null || _a === void 0 ? void 0 : _a.definitionExpression) {
+            whereClause = whereClause + ' AND ' + this._selectedLayer.definitionExpression;
+        }
+        return whereClause;
+    }
     /**
      * Initialize the features list using the selected layer
      * @protected
      */
     async initializeFeatureItems() {
         if (this._selectedLayer) {
-            this._isLoading = true;
+            this._isLoading = this.showInitialLoading;
             this._featureItems = await this.queryPage(0);
-            this._featuresCount = await this._selectedLayer.queryFeatureCount();
+            const query = {
+                where: this.getWhereCondition()
+            };
+            this._featuresCount = await this._selectedLayer.queryFeatureCount(query);
             this._isLoading = false;
         }
     }
@@ -173,7 +210,7 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
     }
     /**
      * On feature hover in feature list highlight the feature on the map
-     * @param selectedFeature mouseovered feature graphic
+     * @param selectedFeature mouse hovered feature graphic
      * @protected
      */
     async onFeatureHover(selectedFeature) {
@@ -203,19 +240,21 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
      * @protected
      */
     async queryPage(page) {
+        var _a, _b;
         const featureLayer = this._selectedLayer;
-        const objectIdField = featureLayer.objectIdField;
+        const sortField = ((_a = this.sortingInfo) === null || _a === void 0 ? void 0 : _a.field) ? this.sortingInfo.field : featureLayer.objectIdField;
+        const sortOrder = ((_b = this.sortingInfo) === null || _b === void 0 ? void 0 : _b.order) ? this.sortingInfo.order : 'desc';
         const query = {
             start: page,
             num: this.pageSize,
             outFields: ["*"],
             returnGeometry: true,
-            where: featureLayer.definitionExpression,
+            where: this.getWhereCondition(),
             outSpatialReference: this.mapView.spatialReference.toJSON()
         };
-        //sort only when objectId field is found
-        if (objectIdField) {
-            query.orderByFields = [objectIdField.toString() + " DESC"];
+        //sort only when sort field and order is valid
+        if (sortField && sortOrder) {
+            query.orderByFields = [sortField.toString() + " " + sortOrder];
         }
         const featureSet = await featureLayer.queryFeatures(query);
         return await this.createFeatureItem(featureSet);
@@ -246,7 +285,8 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         const oId = selectedFeature.attributes[this._selectedLayer.objectIdField].toString();
         //use object id if popupTitle is null or undefined
         popupTitle = popupTitle !== null && popupTitle !== void 0 ? popupTitle : oId;
-        return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, h("div", { class: "popup-title", slot: "content-start" }, popupTitle), h("calcite-icon", { icon: "chevron-right", scale: "s", slot: "content-end" })));
+        const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
+        return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, h("div", { class: popupTitleClass, slot: "content-start" }, popupTitle), h("calcite-icon", { icon: "chevron-right", scale: "s", slot: "content-end" })));
     }
     /**
      * Fetches the component's translations
@@ -259,7 +299,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
     }
     get el() { return this; }
     static get watchers() { return {
-        "selectedLayerId": ["selectedLayerWatchHandler"]
+        "selectedLayerId": ["selectedLayerWatchHandler"],
+        "sortingInfo": ["sortingInfoWatchHandler"],
+        "whereClause": ["whereClauseHandler"]
     }; }
     static get style() { return FeatureListStyle0; }
 }, [0, "feature-list", {
@@ -269,13 +311,19 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
         "pageSize": [2, "page-size"],
         "highlightOnMap": [4, "highlight-on-map"],
         "highlightOnHover": [4, "highlight-on-hover"],
+        "sortingInfo": [16],
+        "whereClause": [1, "where-clause"],
+        "textSize": [1, "text-size"],
+        "showInitialLoading": [4, "show-initial-loading"],
         "_featureItems": [32],
         "_featuresCount": [32],
         "_isLoading": [32],
         "_translations": [32],
         "refresh": [64]
     }, undefined, {
-        "selectedLayerId": ["selectedLayerWatchHandler"]
+        "selectedLayerId": ["selectedLayerWatchHandler"],
+        "sortingInfo": ["sortingInfoWatchHandler"],
+        "whereClause": ["whereClauseHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/features-flow-item.js

@@ -50,7 +50,7 @@ const FeaturesFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeaturesFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '47fde9252d4b8eff91b413cf22282b8d61d127a7' }, h("slot", { key: '725e3a0a4ad6ef4827a5036187b2f0e59cf34ecd' })));
+        return (h(Host, { key: 'e0d4102af27d4ca25cb6257292797c2900337ec7' }, h("slot", { key: 'ea50a07d3d33ee0b67bc5a27a71bc7ea597fb008' })));
     }
     get el() { return this; }
     static get style() { return FeaturesFlowItemStyle0; }

package/dist/components/floor-filter2.js

@@ -52,7 +52,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
         return this._initModules();
     }
     render() {
-        return (h(Host, { key: '14268f8fb66eb28085ce60b782b15f41285bf923' }, h("div", { key: 'c428424b3d639fa043fef55523de35a9bf07bda0', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '4b532bae1022d879f46022203a9ffa00c8e615a7' }, h("div", { key: 'd75ad603472d2f57ccd52725f1c3ed428bdd8173', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/info-card2.js

@@ -33,6 +33,10 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
         this.__registerHost();
         this.popupClosed = createEvent(this, "popupClosed", 7);
         this.selectionChanged = createEvent(this, "selectionChanged", 7);
+        /**
+         * string: unique id for the features node
+         */
+        this._featuresNodeId = 'features-node' + new Date().getMilliseconds().toString();
         this.graphics = undefined;
         this.isLoading = false;
         this.isMobile = undefined;
@@ -88,8 +92,8 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
         return this._features.selectedFeature;
     }
     /**
-     * Get the current selected feature from the Features widget
-     * @returns Promise resolving with the current feature
+     * Refresh the feature info
+     * @returns Promise when complete
      */
     async refresh() {
         await this.setGraphics();
@@ -190,8 +194,8 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
         const id = (_d = (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeature) === null || _d === void 0 ? void 0 : _d.getObjectId();
         const ids = parseInt(id === null || id === void 0 ? void 0 : id.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = ((_e = this._layer) === null || _e === void 0 ? void 0 : _e.editingEnabled) && ((_h = (_g = (_f = this._layer) === null || _f === void 0 ? void 0 : _f.capabilities) === null || _g === void 0 ? void 0 : _g.operations) === null || _h === void 0 ? void 0 : _h.supportsDelete);
-        return (h(Host, { key: 'daf1a2cd9ca191e31c0da05e429a621050d394a8' }, h("calcite-shell", { key: 'c59c1fc96447010119ca85e35e5310a1871b78c9', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '9fe212dc6bd95d98427e8c75143e20047a134189', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'c84ab8459f438e46bcdcefd7c64fff30ab52ac5b', class: "esri-widget feature-node " + featureNodeClass, id: "features-node" }), h("div", { key: '93816adb6c20e64a559b111b9918c036588467b4', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: 'e359866247284d36cb4e12476daa441c412e9244', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '5d65952fd5908268117e67781ce719ac9baeee21', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: 'b1b741cc4fcd1052b4402b9919fbb8bc21127ab1', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '9c5007aa3fc0ebef1d25ddd392e4d45973347609' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'd6388a8c5aa83b0a0f306f84843e137cb2ba4906', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: 'd9b9b88a240fb35b7c434f368a697040bd33c3b1' }, h("calcite-button", { key: '0c8afd3ce5e83c8c4e2b9c33fe053bc1a9831551', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '7ef1b84c4262ab45450354959cbbf8a6914b014c', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '990a06361d6006d93a01bdbb61fd5dc103bdf9b2' }, this._translations.back))), h("calcite-action", { key: '31a4270a35da974ab8216a203c44e6aeecf93224', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'fe734c09dc59c9a8c7117cf19f1970aba0398d51', class: "pagination-count" }, this._count)), h("div", { key: '88a9e56d945ea53870baf87bead02cb03a0ac156' }, h("calcite-button", { key: '8b095fdb66d113a8b893259df3e3331451e7af8e', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '86ac1d32cb39c39bd0ebcc3d04702c5534f3992f', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '0fad088ab4536dc235dec503fd28346575aad4ed' }, this._translations.next))))), h("edit-card", { key: 'b1d207f660bca7bb83ffaef3fb44819c25107a48', class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '338be8157fe0163e5c3e529942f34dc80efb0721', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: 'b91e86a5c47bac031d7bb0053ff45f2e9dc3fb99', slot: "title" }, this._translations.editDisabled), h("div", { key: '8923e82d5992e860ac535a4111d9e77b01639549', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '7b48c1dbd2c4e384c4bcba62a8cf35e4c62d2edb' }, h("calcite-shell", { key: 'a8387dfb3968ea07182cdd782a5a147bdcb1188a', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '1695d423a19876c6ccde5f4004f21ca26e305350', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'd8870e95ba06ed713c5143c5b260ee4059275d81', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '84af335caa0f39890801faebc207bf8c794fe1e3', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'fa91c18424af38067c44e50635b9af55aacc84b8', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'c4565bda374ab4eb2afd2273c62256fae187d151', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '7175a74e7e1db0939fbbe4a229e7f6df6efb2768', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '6443c4d8274fe6003f5dcbd3b36f35057234c550' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'ff3d3dffd57bf118f7e71ec5a504bbcfda0de229', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '1912bdf3dbad45ba66acf13ef8ad6894ced8caa2' }, h("calcite-button", { key: 'fe1e5032b764b3c0ac8ef619c9d365f8d781d6b3', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'a9928e72cc3dcebad2544ee5a347a0b70ebdae4b', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '6d8cc94ae72deab6ae19d3314f5b0f7e1833bd3c' }, this._translations.back))), h("calcite-action", { key: '90d7951f0eacd4b77f8ebe3da79a12665a8b9f63', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '6c36eb43691a79b6a7c0da99663fa22c1d97e572', class: "pagination-count" }, this._count)), h("div", { key: '23758504ca1b4b97c4c488e88e61f0c3cdc10830' }, h("calcite-button", { key: '93efeff6e0cb54edd1817c3410806b009755618f', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '17afd49a3b167d9322d944a9d8ae6ffc249d202e', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '0b15e569313961c53700d2ef6eb148b9c0efd778' }, this._translations.next))))), h("edit-card", { key: '2217a66105095ea1e5bd577dc8bf970b3fdeae10', class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: 'c59bd8d759ef1df763b3bbe513b7146cfa270057', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '3733d543e7483037aa5130f0ca06f8da434eaf7e', slot: "title" }, this._translations.editDisabled), h("div", { key: 'eaace9548fd442015000f836d54e556c9859a3fc', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -250,7 +254,7 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
             if (!this._features) {
                 this._features = new this.Features({
                     view: this.mapView,
-                    container: "features-node",
+                    container: this._featuresNodeId,
                     visibleElements: {
                         actionBar: false,
                         closeButton: false,

package/dist/components/json-editor2.js

@@ -92,7 +92,7 @@ const JsonEditor = /*@__PURE__*/ proxyCustomElement(class JsonEditor extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '00ea91a9373e5cecbe52bd51ac7bf3b06b22ccc8' }, h("div", { key: '7afe9bd7953b0c06cd2a4eaf107dd9654a16c37e', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: 'c9bed17775348e586366b81bb37ab1b959300b8c', class: "editor-controls" }, h("div", { key: '846a0f27a14fcf200e473575fa772d68cdc546e7', class: "editor-buttons" }, h("calcite-icon", { key: '723cdd672261b9439750e6fb05a270aa46d97789', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '23edf0b33632971b33b47bafc52f7697bebb6eb5', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'e423f0f1b8fad1db9bd2b94d53ce2a5625ee87d1', icon: "undo", scale: "s" })), h("calcite-button", { key: 'de336e52d61b8575c1ac83a7eef3663520db5e4c', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c864583f66374d5d1d63f630e4069a11a98b8bcd', icon: "redo", scale: "s" })), h("calcite-button", { key: 'c740d3ef25901d6e313d70fccaa35c40ecab9cb4', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '8bf4e985982d227086d3b11ab94b58ad84657970', icon: "compare", scale: "s" })), h("calcite-button", { key: '0c2d9b1498eb41886b2716d182ba9833bbe9a528', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '1979a27bef07cfdd122e5bd0a2cb27c2ada29f6e', icon: "search", scale: "s" })), h("calcite-button", { key: '8b754884ef387235f57806310da7693a25a09699', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'bfa24ac26db7ce6f8ed4ffa7cf39950fc8b959c9', icon: "reset", scale: "s" })))), h("div", { key: '671db1db990eedd2863cca9de51bc376e55085bf', class: "edit-parent" }, h("div", { key: 'a2cb3c42fb1edd5d26f8c52ee2ca2c0124e5d02a', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '9ec65340bb37c54a77d82e47129b5e07ec7b37cc', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: 'df3dd7531bfc6256919c3d5f14b5f2837fda5aac' }, h("div", { key: '9dd13f859e92b7cbe719da36f71428e9a44514aa', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '3762323a88ada57aeb6483d1f510ae7b64ed7095', class: "editor-controls" }, h("div", { key: '754caf059ecaffdc08f1bd46e496e44ea4cca274', class: "editor-buttons" }, h("calcite-icon", { key: '96620de487619db0a3f893ed91dbc7a0aff72517', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'ef437976e3a198319885ae42f241f19206f5675b', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '168ad569ab54238f0cb7a9b3c33f2186ad44dbc5', icon: "undo", scale: "s" })), h("calcite-button", { key: 'f1fd90dccdc0f1e0645e383d547dd0d68e55bd93', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c3fe8f81cd0a383da9c0b7538b88b69995da83e8', icon: "redo", scale: "s" })), h("calcite-button", { key: '3a23491a976b9cc9e21df4f693044c16e0fa896a', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '35fe88eaeb9af26991817d882691ee8462a131c5', icon: "compare", scale: "s" })), h("calcite-button", { key: '8091d794c5d9e0c1d7a7a6bd21cd690e3eaf83e5', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'bff6d836ca319f8c1fe440117d6d983c07dd8106', icon: "search", scale: "s" })), h("calcite-button", { key: '44e7d523d29fb3f92f6b10b101d43239b5c7919c', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'e6bfea7cd2574929917204f74ed924dc8072befb', icon: "reset", scale: "s" })))), h("div", { key: 'a0cbb47b3f6ed02839fdbf65ab62d50c16a44107', class: "edit-parent" }, h("div", { key: '07ac2b80bd612fb86b8970cfbf9be080d1f574eb', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'd98d705059fd769906f695298f7dc11cc96ebc2a', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/layer-list2.js

@@ -28,11 +28,8 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
         this.__registerHost();
         this.layerSelect = createEvent(this, "layerSelect", 7);
         this.layersListLoaded = createEvent(this, "layersListLoaded", 7);
-        //HARDCODED IN EN
-        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.mapView = undefined;
         this.layers = undefined;
-        this.noLayerErrorMsg = undefined;
         this.showFeatureCount = true;
         this.showNextIcon = false;
         this._noLayersToDisplay = false;
@@ -81,9 +78,9 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Fragment, { key: '33fe25a29aac6e4eaa429b1a8f58431b66d44d46' }, this._isLoading && h("calcite-loader", { key: 'f5b3c6a90f850db50a3e2b6af9745936802903dc', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { key: 'a40c96db6ecf36097aacb652156cbd863f6f9a3b', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { key: '83c3b2982f750a8e69101501aa39b99a8636514f', slot: "title" }, this._translations.error), h("div", { key: '190eb16ca7991773c784c8d77bca9be064064028', slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
-            h("calcite-list", { key: '980f20cec107d8e54af0c57448036eac3f342b71', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
+        return (h(Fragment, { key: 'c73bf36c13fed8120273d8a5321dd60fe4d4b5f4' }, this._isLoading && h("calcite-loader", { key: 'e748d9cc7d1855d3a2da34702ba853d35d1a2cde', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
+            h("calcite-notice", { key: '4a06b7694fd91456ee5cdc51d33e4ac633d416b2', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { key: '63b09f02312aba71826957c5b2c04a7750bdfca1', slot: "title" }, this._translations.error), h("div", { key: '5a19dfe527a6c66a5477a4c6a14f4686cde73bb3', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-list", { key: 'e8a6170a55f4ba6ea35a1397690c3e365b814886', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------
     //
@@ -210,7 +207,6 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
 }, [0, "layer-list", {
         "mapView": [16],
         "layers": [16],
-        "noLayerErrorMsg": [1, "no-layer-error-msg"],
         "showFeatureCount": [4, "show-feature-count"],
         "showNextIcon": [4, "show-next-icon"],
         "_noLayersToDisplay": [32],

package/dist/components/layer-table2.js

@@ -339,7 +339,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '67d980e9ed0b2218b90711f0f828c53184ac6a32' }, h("calcite-shell", { key: '63142b7a72fea63dbdc6fe9fab5bd1787dbaaf18' }, this._getTableControlRow("header"), h("div", { key: 'de165431213df10a03f44ad8a620312f7134e23e', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '175dd2c233ae4f889389a9a4b35fc342e9a5fc1f', class: "height-full width-full" }, h("calcite-loader", { key: 'e7c5970984bc458c070806d74a81b958986018e4', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'af72f3f621ffc8d6f6e876c2da06686140bebc56', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '69a8f1d8c41eb82d6f39f6c580f78369f372567f' }, h("calcite-shell", { key: '3cb7997d918af450d04b95e1a236e09400b30af1' }, this._getTableControlRow("header"), h("div", { key: '1f0e84f1759c0333acee402a603923ca96e7d9e4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'b62bedc4c924f0d0a30e2746a532270c2a4d4a4b', class: "height-full width-full" }, h("calcite-loader", { key: 'e28017e4c3aba559774965f2cbff0fcb83f9ab2d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'efc520212f53c3db46574c7caf5d9f9835b83a2c', 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._filterModal()));
     }
@@ -1481,7 +1481,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             items: [
                 {
                     label: this._translations.hideField,
-                    iconClass: "esri-icon-non-visible",
+                    icon: "view-hide",
                     autoCloseMenu: true,
                     clickFunction: () => {
                         this._handleHideClick(name);

package/dist/components/layout-manager.js

@@ -49,7 +49,7 @@ const LayoutManager$1 = /*@__PURE__*/ proxyCustomElement(class LayoutManager ext
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b8c4efb8e0990e7590411a467125edc54f1c9039' }, h("div", { key: 'ac235066e5891e3dd06c55432dd30366e14d702b', class: "display-flex" }, h("div", { key: 'aa743b87f77d2ee066b7594493ca64a0d930fc35', class: "display-flex action-center" }, h("calcite-icon", { key: 'f0b001707fe2b3c6bfb8077ce9f888c7e82fd253', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '010acee7b5301ce85ddb892683efe6635612a64c', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: 'bc2d7c2b4b2b15ef19ea82ed845282c9d0c7e81b', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '429386c5b13d349d6a28c5756bc1f0d261259c0e', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
+        return (h(Host, { key: '3e5a7de439b797078a7d58aed615f49c1139ac6f' }, h("div", { key: 'bb4a32b540600d0c46e1cdf2eb6b37a9242f70ee', class: "display-flex" }, h("div", { key: '560014821ef89ac3c0ad916257cf77efea54c752', class: "display-flex action-center" }, h("calcite-icon", { key: 'f8db949f64ddfaa893380b91de757044dc5a127a', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '32d453ff1767573cf8fb0c1c33243ec39a3a82e1', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '056dde09c448eb2b1e4f3c86b9eef3e836b6bce1', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '82ac72ab969f1292f83762d536e10aa4ece255e8', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -50,7 +50,7 @@ const ListFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class ListFlowItem exten
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'b6d40c70e611fdba0e57f85ac707cc852b5a64f1' }, h("slot", { key: '0892b0046607b71954bf4a48496eff72dedf406a' })));
+        return (h(Host, { key: '294c2df1aa37bf2276716e93953fb9670d08ed2d' }, h("slot", { key: 'b57b34de225e39fda047027286f8eb8367f335df' })));
     }
     get el() { return this; }
     static get style() { return ListFlowItemStyle0; }

package/dist/components/location-flow-item.js

@@ -50,7 +50,7 @@ const LocationFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class LocationFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '1b427b1a4898ba492ad3f9ebe36e583ea4942540' }, h("slot", { key: 'ad91e1fcbddf4cc964d27ce6469a8c853c6a9568' })));
+        return (h(Host, { key: 'a9741da11365a4ce9b1504da6f6c84542bdfd556' }, h("slot", { key: '3f98024fa3209a783296a2f80267dff08a13eb2f' })));
     }
     get el() { return this; }
     static get style() { return LocationFlowItemStyle0; }

package/dist/components/map-card2.js

@@ -141,7 +141,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
         const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
         const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
-        return (h(Host, { key: 'f654417b12d7683fbe721bd5207254f2836a410c' }, h("map-picker", { key: '69e8274ae170a96b4f5a9d57cca6800d6dde68ad', class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { key: '17bb26bf7ac70a81328bb8a943c5575517b1a564', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'c327c9ab51fa38e65c65c32e0e55e9d3a7917b2e', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: '446f04b49a9d744f3abae1e7ae90113f0eb0da08' }, h("map-picker", { key: 'b3f388a5b0d6a26951f9ae45dff7629376ff4d17', class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { key: 'f5c44c8cf0b22b496a57cd01ebfdf00c0979bebe', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'dab560a9cde03901087a1d136599d0fd26964dce', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -119,7 +119,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: '25e36e2bdfd5ec6243ba4f734e045ee67a1adaef' }, h("div", { key: 'd954129149da35b963341affb33257f74a410084', class: containerClass }, h("div", { key: 'eec268afc2ec6948baf17f551d23498014f05df9', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'e22d903925aec0984a9c77a96a17ab91f0cdab69', class: undoRedoClass }, h("calcite-action", { key: 'dcc9eaa8f434ec919532c3e9406c5e0ad9af949c', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '876c8b69b6620ac0ff4c4f8b590e89e36a3382e5', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: 'ab6fe128a5059e5b58ba9dc240f3934142097482' }, h("div", { key: '846d66c3aad67b63a2bbbf47325594d2eb35fbb6', class: containerClass }, h("div", { key: '0f439e2c3f4a51413f49ccd1dc6f3524d0e36017', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '9b755b8df3bb66bf2713969417a29a7059b4f0c9', class: undoRedoClass }, h("calcite-action", { key: 'f565f8683cf6222232f913a2edb7fcab7e7235c2', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fd5d819cf78399c12ffb156035ba38ba41e7cd9b', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/map-fullscreen2.js

@@ -48,7 +48,7 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '415fea7bdb4f9c26231f92f49ad6bb98bcdca22d' }, h("div", { key: '1888034532b129838472b4713f55b7ad23c8b3f0', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '5e2b4343c53ff91b50cd7b91aebe76a686802da7' }, h("div", { key: '03cb0c8f2766278698b9c3302e9e494b7ba77bc9', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -106,7 +106,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = Object.assign(Object.assign({}, style), { "display": this.display });
-        return (h(Host, { key: '6e3213373ee2ca31f3ee0996f51cb59c0948df5e' }, h("div", { key: '641de287f126b4e7b6d38df8c6d3b5fe882fef2f', class: "map-layer-picker-container", style: style }, h("div", { key: '7bbb3b9e7684a5d62ae6762bb46ec5fe97147b54', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'ccb8c7d12a2e631938308380cd4ecd0a1d73c963' }, h("div", { key: 'aa0992de9bab1c5a555d51542c093cc7cb948200', class: "map-layer-picker-container", style: style }, h("div", { key: 'a03bca67eb822b492d34abe53db7d05e6fd7ebdf', 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

@@ -52,7 +52,7 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '032c6daa2f4c5d3bcbf83d776c68901c7c137781' }, h("div", { key: 'd773649fce8d3a0a4073ad017ae3906c1de98f07', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '3298d8202e384626e065d9fee0900d43dd75e02e' }, h("div", { key: 'd5e717c5c14a4db97036d8aba3dbb1c98c659b74', 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

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

package/dist/components/map-search2.js

@@ -75,7 +75,7 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'fc649c2fbcb8b39c63408b942f9129dfdee0a99f' }, h("div", { key: '44461b45207d97e2329742f4d915945bd9364ef3', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '4b8224b0193ea081d2e505e10ea0b925a9f47045' }, h("div", { key: 'f7efe5db5477cb2ba8e5e62003e65c8151ee94f5', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -208,7 +208,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2e23b1179b5d3e850de160e452f9a8fc3787ae6f' }, this._getMapLayerPicker(), h("div", { key: '70380c5b45274d59c93677c6605132e224561d6f', class: "border-bottom" }), h("div", { key: 'abab5c6c336dee0ef5c84f364e307f36d735db9a', class: "padding-top-sides-1" }, h("div", { key: 'e4fd4ccccb65d35fccb6908ae5dbf721ac038339', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '7b78cfadf89fa08d8c70fd871d06170680b2dab3', class: "padding-top-1" }, h("map-draw-tools", { key: 'bf9c39c36c35064dd78988ee8151e9cfcd0cfb25', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '75e1f0c5417620f437db1d713ebfb112c1b300a4', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '9632b7215a7523afb12d1ebe039c18939a318ad4' }, this._getMapLayerPicker(), h("div", { key: '4d1524e7ad58e9d1249192cd18f39f71db72f205', class: "border-bottom" }), h("div", { key: 'a7c5491a66c2a64f73793258e4b6a42f1e0d31e9', class: "padding-top-sides-1" }, h("div", { key: 'a7ee27faebe804aeafb5879e9f5cda9f090d856c', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6374844dd2901eceff4e9b2059c640b830e9332e', class: "padding-top-1" }, h("map-draw-tools", { key: '69f35bc1116b6816cafea9acd89cee1bc07b24f5', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '47af1a87a8d368388f7deeabcac1a54068fa94e9', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

package/dist/components/map-tools2.js

@@ -180,7 +180,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: '60d3373785662ecbc79249170fb7b854ade7a288' }, h("div", { key: 'caf43fd67ffed7a957d431537b794c54455507aa', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '646c6bb1edcd21069c5e925deeead0b2f1ada464', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4ff407d51575c0efabb5e92f6834cb8a6ef9adfd', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '7d54a20d8112db9384293829a85f5faecb67a631', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'ddfafa37f9c1192c1851e2a314cc1062a314939a', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'af93e6c0f10249be6c9cc0a25e17d7d7e5726190', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '0fdfbb13aee43e483946ee4c0169a47b12e6cfab', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'f18f09af4ff094b74b8360aff710217850bebbf3' }, h("div", { key: '54ad8527ab3d5b45df68bb566301f86f3eff0ca3', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '4385868565bb8a2ae44d28d8b9a01bee119ca8b7', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4c2ff4c1ec73f73a0c8c52280692489bba542765', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '20d27c33286be6c1911e8b14902cc86aa6ec8dab', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '6b635cbf80802b1c7240b8ca1503e185c2900133', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '87fcc6db1c89415649c555c354641229b68ce865', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'a897933e0d4a00b6780d99ac5d1173b668adae5d', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/mapViewUtils.js

@@ -148,6 +148,21 @@ async function getAllLayers(mapView) {
     await Promise.allSettled(layerViewPromises);
     return layers;
 }
+/**
+ * Get all of the tables from the current map when the map and their layerView is ready
+ * @param mapView the map view to fetch the table names from
+ * @returns Promise resolving with an array of all tables
+ *
+ */
+async function getAllTables(mapView) {
+    const tables = mapView.map.allTables.toArray();
+    let layerViewPromises;
+    await mapView.when(() => {
+        layerViewPromises = tables.map(t => t.load());
+    });
+    await Promise.allSettled(layerViewPromises);
+    return tables;
+}
 /**
  * Highlight features by OID
  *
@@ -264,4 +279,4 @@ async function goToSelection(ids, layerView, mapView, flashFeatures = true, feat
     }
 }
 
-export { getAllLayers as a, goToSelection as b, getFeatureLayerView as c, getMapLayerHash as d, getMapTableHash as e, getIdSets as f, getLayerOrTable as g, highlightFeatures as h, highlightAllFeatures as i };
+export { getAllLayers as a, goToSelection as b, getFeatureLayerView as c, getMapLayerHash as d, getMapTableHash as e, getAllTables as f, getLayerOrTable as g, highlightFeatures as h, getIdSets as i, highlightAllFeatures as j };

package/dist/components/pci-calculator.js

@@ -51,7 +51,7 @@ const PciCalculator$1 = /*@__PURE__*/ proxyCustomElement(class PciCalculator ext
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '6e8758f4e124db54e45a781bbae92b58bd1ed8e1' }, h("div", { key: 'ab82c774bb0a5f8ee64f10f3f00291874f511253', class: pciClass }, h("div", { key: 'c8d597872e5334d312663e66991ff754fd3d5d4e', class: "label-display" }, h("calcite-label", { key: 'edf4caad7dba17c392f84e709ca59dc5c6622d1f', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '89378553cab7f50dceef5ec644652e2730cc6fc0' }, this._getCalculateButton())), h("div", { key: '796499e000c2bd823b0dcafcfe773b829c63068b', class: deductClass }, h("div", { key: '1c2e3a73952ff086815088ec2af830feeb22e90e', class: "position-right" }, h("calcite-action", { key: '1a3dd30a92def5eda0c3f3f1f9073137d07d40f8', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '1bbec05934b7c84660c0fb9478eff2de2c8ea40b', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: 'afa9619bc233e51ff10ecbd0f751c14d2cebfc82' }, h("div", { key: '507ba13d0e9a79758f52480bdbf9605b5154cb0e', class: pciClass }, h("div", { key: 'dfeb3d2d1e228ea2e38073f5ce49b7af7c3172e4', class: "label-display" }, h("calcite-label", { key: 'e7f1ad67dc48060342f4d1d73dae9257a47a8992', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '6bc4c6101387ef44b72bceb409c1550bcb36b290' }, this._getCalculateButton())), h("div", { key: 'ceb863669ecfca2f84710f4811d30f816e26c6c8', class: deductClass }, h("div", { key: '897bd23fb38bfea7d39345a224a1c5384129be7d', class: "position-right" }, h("calcite-action", { key: '9a2744cc4815b9976450ea9683e757d32d06b946', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'ff5d517f67ec4752dbc72bf829ec87d967b89db1', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/pdf-download2.js

@@ -278,7 +278,7 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class PdfDownload extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9000c9345745d07d14f6cb0407148a1f51ef86dd' }, h("calcite-select", { key: 'baf8494fbae44f1141cdaf846b73c0caf1b45de8', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: '93a9cb5861d0c823e23404d89be38cf3566f1913' }, h("calcite-select", { key: '77dd1c92fd6a5092f6706585238326f9fb6a8e2a', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

package/dist/components/public-notification.js

@@ -219,7 +219,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '43aab03c2d2d410df21ed346314d9cf0c5adae0b' }, h("calcite-shell", { key: 'b83fa5f301f68eac73012a8e8ead64c6811d991a' }, h("calcite-action-bar", { key: '43cd7e3f7c82c6e20fdd5e7dc185a0ce1175b356', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: 'f1c63a73ac0190a43790d5d907e7dafeaf8b18f0' }, h("calcite-shell", { key: '759d2ebecc5dfc197b2fa02f35c8a06e99afaaa5' }, h("calcite-action-bar", { key: 'd2b076b51812d31f69a6c06e41a4cc9e56567295', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

package/dist/components/refine-results-flow-item.js

@@ -50,7 +50,7 @@ const RefineResultsFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class RefineRes
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '778d61f80594a620086b74e8a0f17f880d895095' }, h("slot", { key: 'ba3dc07c6d4b70b1d21b949ef15d8e5b0d52e4be' })));
+        return (h(Host, { key: '850d0a10f8c3e2f35abdd1a07f00c4ff04ab9f76' }, h("slot", { key: 'c1c1e3fceff2787447a2dbd3568c497cd050195b' })));
     }
     get el() { return this; }
     static get style() { return RefineResultsFlowItemStyle0; }