@esri/solutions-components 0.10.25 → 0.10.27

package/dist/components/delete-button2.js

@@ -5,12 +5,13 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$6 } from './action.js';
-import { d as defineCustomElement$5 } from './button.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './loader.js';
-import { d as defineCustomElement$2 } from './modal.js';
-import { d as defineCustomElement$1 } from './scrim.js';
+import { d as defineCustomElement$7 } from './action.js';
+import { d as defineCustomElement$6 } from './button.js';
+import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$4 } from './loader.js';
+import { d as defineCustomElement$3 } from './modal.js';
+import { d as defineCustomElement$2 } from './scrim.js';
+import { d as defineCustomElement$1 } from './tooltip.js';
 
 const deleteButtonCss = ":host{display:block}.delete-modal{position:fixed}";
 const DeleteButtonStyle0 = deleteButtonCss;
@@ -86,7 +87,7 @@ const DeleteButton = /*@__PURE__*/ proxyCustomElement(class DeleteButton extends
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '23936d6981c9779f5a21951c6667e3cba86e5d82' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (h(Host, { key: '23936d6981c9779f5a21951c6667e3cba86e5d82' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), h("calcite-tooltip", { key: '0078ca79ef0a2195be88d0b508fefc9838af9693', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, h("span", { key: '6a2f3c55237c2cb07f17559c9f14edd4b442e004' }, this._translations.delete))));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -179,7 +180,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["delete-button", "calcite-action", "calcite-button", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-scrim"];
+    const components = ["delete-button", "calcite-action", "calcite-button", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-scrim", "calcite-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "delete-button":
             if (!customElements.get(tagName)) {
@@ -188,30 +189,35 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "calcite-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/components/edit-card2.js

@@ -190,7 +190,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '16dd78822ee6d7c4e2da97c4b7ec7c0678b51e68' }, h("div", { key: '8aba2b86c7bf8e7dfbf7567b156e02b23b728f4e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '8230d44ec05ff207681e6333b7f08c80748c4f3d', class: "position-absolute" }, h("div", { key: '71792b5737c43a024ebc677ae168d74569349585', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '47176534c25769af8ae107c3864901c4294b4359', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: '9f4aaad65aed5e7b8d05e6171fdbfdb4f6534c12' }, h("div", { key: 'ded5d125959b11da1a48faf2f28baa9779e36e57', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '6eb7dd1c025f3385f68a08176558e07a0c4bf3cd', class: "position-absolute" }, h("div", { key: 'a56ac68bc0bda73a2153d89fc29d5bef3313ae7f', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: 'a1323d9db0e6de6df48573de7fbc954280b27b8f', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/feature-comments.js

@@ -51,7 +51,7 @@ const FeatureComments$1 = /*@__PURE__*/ proxyCustomElement(class FeatureComments
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '0d44fcf94820417e984a3496f7fdea7ec63104d9' }, h("slot", { key: '7a41443ca673bb37f4271c86013695a270d8a276' })));
+        return (h(Host, { key: '9d6d06f2466bbbfba74ead0dd8af4354834006c6' }, h("slot", { key: '25722c28a43a7a005a0c55b16c0df536a7a19a61' })));
     }
     static get style() { return FeatureCommentsStyle0; }
 }, [1, "feature-comments"]);

package/dist/components/feature-details2.js

@@ -198,12 +198,12 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
     render() {
         //When related features found show comments list of only those features else comments list will be empty
         const commentsListWhereClause = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
-        return (h("calcite-panel", { key: '440e745ef61e578f88381920a3aeca1b54048612', "full-height": true }, h("info-card", { key: 'a1bb7f4809dbed25c34bd4307ad13b9a09c66b65', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
-            h("div", { key: '3caf1242f3c0f09b86ea146c9fb49bcea9306087', class: "buttons-container" }, this._commentsAvailable &&
-                h("calcite-button", { key: 'e8873a1d0bd7132ced40543a0e6a9c3a8c7c72e1', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
-                h("calcite-button", { key: 'cbbb6cf9c50cb360241d6e7f5d33c1713ec99017', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
-                h("calcite-button", { key: '92f4c79093e6793d9b4036f99837a9ad19efb3be', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
-            h("feature-list", { key: '95e25a9d10d7baea4a40c4fbbe5d9b19609d2790', class: "height-full", mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
+        return (h("calcite-panel", { key: '05a12e56500ab833e856b8f5ac0f8371de522170', "full-height": true }, h("info-card", { key: '53c2102681c8005322c1711b038087b1a70d9a53', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
+            h("div", { key: '1cf9a8eb026a2ed6c15ccafc3910fed388e63e5d', class: "buttons-container" }, this._commentsAvailable &&
+                h("calcite-button", { key: 'c95920ae526cfeaa9a8824b985f593c95807c3ae', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
+                h("calcite-button", { key: 'cf6cab791332884e63615058d6d0a1861534177b', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
+                h("calcite-button", { key: '1fe322958b367df620c73834353251d05566d8c7', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
+            h("feature-list", { key: '8eefe98bc8af36db6793879c38dbed85f45b4a36', class: "height-full", mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
     }
     /**
      * Load esri javascript api modules

package/dist/components/feature-form-flow-item.js

@@ -51,7 +51,7 @@ const FeatureFormFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeatureForm
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '8ea61009c0bd3745d1bf418766b9aa90830199a2' }, h("slot", { key: '732c3369626fc55e8d53aa7eb6366bb66edc591a' })));
+        return (h(Host, { key: '69a6d88e4a58724a61b964ab9e4cc44df1879be4' }, h("slot", { key: '57bb8fc9d5fc942af7a47d4735b358510e406818' })));
     }
     static get style() { return FeatureFormFlowItemStyle0; }
 }, [1, "feature-form-flow-item"]);

package/dist/components/feature-list2.js

@@ -188,9 +188,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '39a9380a3de0bfc4389a460af4f57b26b6273660', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '389914a90d25a49e9f79e3a71add9ab402e1f8f1', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '4b7b277c94ec26d8b12596f4a0cee3b7de6e4505', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'ec9dbc1b3ea28b339dc3448632dcbe3c36e088fb', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'ae8a3cdbb4cf0122a18156bbfdf8339ce0336bf6', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: '5dd9fbc5aa5abb9af06569128424d4da19e7dd76', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'c63a09112957d6391702176bfc640d2a17a4f086', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
+        return (h("calcite-panel", { key: '3ba64729e3b56d8912424b65187fee65c5ed079f', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'd18959827b6f7feec0a42605ab93ee1147a3ddfc', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: '507e0031a5fb5a78b1d61bb4e893e4d9a314e207', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '640c9e8ab31fea285f6db4199a5ff4d917a4feec', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'daa9fd622f3c97dad878854b70509e8cafcdea50', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: 'b30411c22825e9ec631235e243e726d3fa2244e4', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'b3ee14ca6cde66bc45124b4de73fa019ffe634f8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -51,7 +51,7 @@ const FeaturesFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class FeaturesFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'a219193f59f1942d9296e5c40c5276bfccdd3d55' }, h("slot", { key: 'fcdabacfe41b9f5af0a1ddb3e641090f2ec1e85c' })));
+        return (h(Host, { key: '8154ad4de3a112bcdef4b1495c6fbeab1a13e292' }, h("slot", { key: '6c12197599bd5742f4ffacbae64170929e485d99' })));
     }
     static get style() { return FeaturesFlowItemStyle0; }
 }, [1, "features-flow-item"]);

package/dist/components/floor-filter2.js

@@ -117,7 +117,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'dd7fa68ddc1e417cb8924549e50e81742f9e891a' }, h("div", { key: '294837a32ed7e8f955bce7dc2403895c7dd9984f', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '51da7a656e7f56ecc8cc4093d3dab856f77b5c7a' }, h("div", { key: 'd2fda7047f09a673216484f5c202f039fca20108', ref: (el) => { this._floorFilterElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

package/dist/components/info-card2.js

@@ -236,8 +236,8 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (h(Host, { key: 'c81fe6991dd41dc9c653caca0453539538e7c9d9' }, h("calcite-shell", { key: '378fca0a1eaf44df516885947407ae2d17ea997c', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '24c11c02633bb6e2fdca4b65098527f54fea6a96', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'ed3e96880d1f25e0b561fe42c88ed5545c1414b3', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '034509dfa87783df9ced22ebdaeeec237cf7b7d2', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: 'c7f1493ef6b7c2f43c5e8ba473e3622ff9564e8f', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '6b565362368cee3e8f45cb4d0a638238130bd315', 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: '11135611585900b07db242d427fb63ed248da775', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '76f948c7dfc776a0a6f45cd5cbb00e49f5656eb0' }, 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: 'c73416239e73225e1d8fa12d4b9ac43a2b4efd5c', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '6102fda8c8537dbd985f73ade0ca47f18df152e3' }, h("calcite-button", { key: '78ead75d2f77b46938bc469220e631549c087b6f', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'a8703ccdd4f07f04c2b4e14e493099da9f8f443a', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '394eb1ad6f1cba692bef685609d1196973bca6b4' }, this._translations.back))), h("calcite-action", { key: '907a5f48989fe956d4458685ec85066f81edf67e', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'b56d00fe419d2abd7da3d0fb3d390465879e5009', class: "pagination-count" }, this._count)), h("div", { key: 'f6e5de270c485fee1c07e8c5831606ea2afbffb9' }, h("calcite-button", { key: '4ed34cc96fde3539b947feb1e252c288bf75dca7', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: 'e46578ca1c03d42b31adbd34498d630cc47e0ae2', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '6283ddace0406a5b110fbd4672222efe6c1c796a' }, this._translations.next))))), h("edit-card", { key: '0ef0593bfa7d359dd68df8359fec3d3c0f39733b', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '27f20d8024d458429079f9ea5a56350b591e3719', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: 'cf76bacc550219663897429b4ca1368e2b177f19', slot: "title" }, this._translations.editDisabled), h("div", { key: 'a987d0f419bfcca13818c8be227002d64c13d6a0', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: 'a46a4081790c4e67a7e62d7602cf7d3203688d43' }, h("calcite-shell", { key: '688be9c8641692e2843536024752172416e88213', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '0d99da4c0046325af848deaa5b6cb67ed524de96', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'e075742e911624b76b56404ccde68bff8f0363aa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '17423712d3a1a2d38ee890ca4dba3ab55ff9ff5f', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'f9738f91381d1f1e011951c74b53c733a563f37d', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'bdb409117bc78ce70cb015521506086c6a8fc9c1', 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: 'b1927881890a62576bfb794ac8d7ceec3178ae50', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '5b8024aca83b9a12e55e83025353b718fbabc56a' }, 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: '5b2410d9f2a2038f8903fb312ec00174d7b227f7', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '3e1ba697bd0c22e59b5555375aa192e05900d4a3' }, h("calcite-button", { key: 'd0308cab8f7b570eb64ba6639b753e34e471f0e4', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'ff51bfc1fe19c2cff4e9ef37c619e0c69dd7c707', placement: "top", "reference-element": "solutions-back" }, h("span", { key: 'dc1e698ca37f5988c2b822d6d7e00eacfc4fe4ba' }, this._translations.back))), h("calcite-action", { key: 'e442df4bcc0012851b8102a2590a58697cb1dc49', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'cb4729f055978f1d4c1c63d3e875fec3e4161602', class: "pagination-count" }, this._count)), h("div", { key: 'e6eac05de054f614dc8b6bf3de2ae289dd6d527f' }, h("calcite-button", { key: 'e253248af7d5e21880ccb3e82bbbe95082ff916a', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '7a2340dc1403c1a95c0a926c9fda19876a513708', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '3b69deac115afe2dc8cf9fb9d9eaed8d93abb22c' }, this._translations.next))))), h("edit-card", { key: 'e43be40ba13bec51123fbcd3f30062f4bc3e8550', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: 'ccbd2ecf9f1f719912ec3020d29559a6d8727e3f', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '4f17aeceb63548d1eef560d3ef178f630f8dfe47', slot: "title" }, this._translations.editDisabled), h("div", { key: '9c720479ed61012787d7f6be966e31e3fa136d54', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/json-editor2.js

@@ -90,7 +90,7 @@ const JsonEditor = /*@__PURE__*/ proxyCustomElement(class JsonEditor extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f7bd89c09a1da47faac69a2046e17f116d81f900' }, h("div", { key: 'ecb97ba7d6be7490e5e62eb32c821acc3e4d647f', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '8e41d06868b3d6814b71d06899a860444cf22f5f', class: "editor-controls" }, h("div", { key: '72e466cd4960538d2b12da8d7b19ff52587af282', class: "editor-buttons" }, h("calcite-icon", { key: 'ec927121edd4ad9873f39c4382bec58ec70f4fe0', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'e58f934f12ffb97b658b79bd6f43b488bfe48be1', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '39843757e60fe92ba3379fe72cf9696c082f83f7', icon: "undo", scale: "s" })), h("calcite-button", { key: 'd0b6147354e31152615f148fba1e9780d7d60d60', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '484b599a9c38c7e87a822c3b87934648ea47f440', icon: "redo", scale: "s" })), h("calcite-button", { key: '5d984fe49873a751c0a5da22de35261566e2c648', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c6089f49f33196f3edd7ef009b1367b7978e0469', icon: "compare", scale: "s" })), h("calcite-button", { key: 'e8d4923b89329a19eb4b0426c9a8645327be7558', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '0033b33183f88b5122dda9afa5f7095072c7beaf', icon: "search", scale: "s" })), h("calcite-button", { key: 'fdb722e4e9046eb31ca62352a841097bd60f9989', 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: 'c1f8cda4d8fb79b66e1a8b91286e8952bd6afaaa', icon: "reset", scale: "s" })))), h("div", { key: '2111d6a3f15a3df17cdc33ae49de36f51d9db37b', class: "edit-parent" }, h("div", { key: '9a7b4cbf25dff972a44ec6332ac010adb511251d', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '9ccd5646f1df550e5ff2c35bb5a9bf3e181117fa', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: '2932135e373b0e5cf5bc5347c7b7960a60e81df1' }, h("div", { key: '98579089177f92e2a3600dd64d738e4ec8ff8ae2', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '971de116ef81850ecc2fcbff9d9f30e36c5928cf', class: "editor-controls" }, h("div", { key: '75e505043095753dc414dad671c6eec4e27a47c1', class: "editor-buttons" }, h("calcite-icon", { key: 'af8645c74758aff0f310089a5c97a504a52a2026', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '6d736a2f3aa9c3e0efd5c1919253fc02e3dec0a2', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '20fdf41124e256f139c7be3bd6f0e42823706cec', icon: "undo", scale: "s" })), h("calcite-button", { key: '7ca8a3bf590e33d6596af51e0b1f25019e9f806a', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '3e248322dd1381da5ec609e92953d8ea94ebad29', icon: "redo", scale: "s" })), h("calcite-button", { key: '2e147af3b73714e40347f432d3d440d0e9bd2ae9', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'dc3fea2e4743511af20347412c6093163f0b674c', icon: "compare", scale: "s" })), h("calcite-button", { key: 'f983c7535f4a36a693b186a716ad6750e33f679a', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '315076f61831b8294e0c9b2c2e5fb174d9163bce', icon: "search", scale: "s" })), h("calcite-button", { key: 'a9223c5ad5eeed5a932ce106d3f3db90008933b9', 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: '0cd3c9c634da8fe710890b533bc046c536af0bb2', icon: "reset", scale: "s" })))), h("div", { key: '73fc19136eb3aa3148c859ba617cd9904ee92f98', class: "edit-parent" }, h("div", { key: '57435dbeeef39ddaeb97256512acca6360e1a7ec', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '152e58aeb94ae22d6d11e4332496cb2e637ebbca', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/layer-table2.js

@@ -50,7 +50,7 @@ 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';
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{font-size:14px !important;color:var(--calcite-color-text-3) !important}.share-action{position:absolute;right:0}html[dir=\"rtl\"] .share-action{left:0}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.instant-app-share{height:50px !important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding:0}.esri-feature-table__table-container{height:100%}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{font-size:14px !important;color:var(--calcite-color-text-3) !important}.share-action{position:absolute;right:0}html[dir=\"rtl\"] .share-action{left:0}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.instant-app-share{height:50px !important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding:0}.esri-feature-table__table-container{height:100%}.search{--calcite-color-border-input:var(--calcite-color-border-3)}";
 const LayerTableStyle0 = layerTableCss;
 
 const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTMLElement {
@@ -93,6 +93,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._translations = undefined;
         this._fullTextSearchInfo = undefined;
         this._searchPlaceHolder = '';
+        this._size = 0;
     }
     get el() { return this; }
     //--------------------------------------------------------------------------
@@ -512,6 +513,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._allIds = [];
         this._clearSelection();
     }
+    /**
+     * Clears the selection from table
+     */
+    clearSelection() {
+        this._clearSelection();
+    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -536,13 +543,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     render() {
         const tableNodeClass = this._fetchingData ? "display-none" : "";
         const loadingClass = this._fetchingData ? "" : "display-none";
-        const total = this._allIds.length.toString();
+        const total = this._size.toString();
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '0e14ca1d140deaad1b6b1c299a29b160c983a84f' }, h("calcite-shell", { key: '6da3feca55877d2ca3ac4df044ece161964c5b30' }, this._getTableControlRow("header"), h("div", { key: '987267204fadb58d10741586adf9c2603a2c782d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '3d8fb99e75c7456082846a1876460514d3b36cc3', class: "height-full width-full" }, showSearch &&
-            h("calcite-input", { key: '2251920546d0948bd67eb705ea68a4cdf7c735c1', clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" }), h("calcite-loader", { key: '8c9deefa9aef65838e93171505c1b4a5bc34d7d9', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '376ad6c086b24157533054c027a9738738625630', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '46394d7e108068600980efd766fbf5d91243f3c9' }, h("calcite-shell", { key: 'd831121a56070552139386033b02ddc2531c29e9' }, this._getTableControlRow("header"), h("div", { key: '591e0b0bba19f1dbe99049a470b5d3c04253a2c2', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'd70244a3c989a5bea8bbbaf33c4ebe9c04fc4515', class: "height-full width-full" }, showSearch &&
+            h("calcite-input", { key: 'b8418eca07a07956f702a09aa642255d05742b14', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" }), h("calcite-loader", { key: '4478be9175933c1b076f7011bd39aaf9adf7faad', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '2a77b11f65188931041d781cde17143c90962931', 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()));
     }
@@ -554,14 +561,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._resizeObserver.observe(this._toolbar);
             this._observerSet = true;
         }
-        document.onclick = (e) => this._handleDocumentClick(e);
-        document.onkeydown = (e) => this._handleKeyDown(e);
-        document.onkeyup = (e) => this._handleKeyUp(e);
     }
     /**
      * Called after the component is rendered
      */
     componentDidRender() {
+        // need to be called after each render to get the clicked mouseEvent 
+        document.onclick = (e) => this._handleDocumentClick(e);
+        document.onkeydown = (e) => this._handleKeyDown(e);
+        document.onkeyup = (e) => this._handleKeyUp(e);
         this._updateToolbar();
     }
     //--------------------------------------------------------------------------
@@ -611,9 +619,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 const searchQueryParams = this._layer.createQuery();
                 searchQueryParams.fullText = this._fullTextSearchInfo;
                 const searchedIds = await this._layer.queryObjectIds(searchQueryParams);
-                this._updateSearchDefinitionExpression(searchedIds?.length ? searchedIds : [-1]);
+                await this._updateSearchDefinitionExpression(searchedIds?.length ? searchedIds : [-1]);
             }
         }
+        //Added timeout and table.refresh() to avoid the issue in which we see empty table records after searching in combination to filter/reset filter
+        await new Promise(resolve => setTimeout(resolve, 800));
+        await this._updateAllIds();
     }
     /**
      * Clears the applied search expression on the layer
@@ -637,7 +648,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Update the search expression in layer
      * @param searchedIds Array of objectIds satisfying the full search text
      */
-    _updateSearchDefinitionExpression(searchedIds) {
+    async _updateSearchDefinitionExpression(searchedIds) {
         const defExp = this._layer.definitionExpression;
         if (searchedIds?.length) {
             const searchExp = `objectId in(${searchedIds})`;
@@ -678,7 +689,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     const fieldInfo = this._layer.getField(fieldName.trim());
                     fieldAlias.push(fieldInfo.alias);
                 });
-                this._searchPlaceHolder = this._translations.searchPlaceholder.replace("{{fields}}", fieldAlias.join(' | '));
+                this._searchPlaceHolder = this._translations.searchPlaceholder.replace("{{fields}}", fieldAlias.join(', '));
                 this._fullTextSearchInfo.push({
                     'onFields': ['*'],
                     'searchTerm': '',
@@ -742,14 +753,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getFieldlist() {
         return this._columnsInfo ? (h("calcite-dropdown-group", { "selection-mode": "multiple" }, Object.keys(this._columnsInfo).map(k => {
             const selected = this._columnsInfo[k];
-            return (h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, onClick: (e) => {
+            return (h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, label: k, onClick: (e) => {
                     const target = e.target;
-                    this._columnsInfo[target.id] = target.selected;
+                    this._columnsInfo[target.label] = target.selected;
                     if (!target.selected) {
-                        this._table.hideColumn(target.id);
+                        this._table.hideColumn(target.label);
                     }
                     else {
-                        this._table.showColumn(target.id);
+                        this._table.showColumn(target.label);
                     }
                 }, selected: selected }, k));
         }))) : undefined;
@@ -805,7 +816,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _initToolInfos() {
         const featuresSelected = this._featuresSelected();
-        const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate;
+        // hide multiple edits for R03
+        const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
         if (this._translations) {
@@ -828,7 +840,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     disabled: false,
                     isOverflow: false
                 } : undefined,
-                !this.mapHidden ? {
+                showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
                     indicator: false,
@@ -841,8 +853,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     active: undefined,
                     icon: "trash",
                     indicator: undefined,
-                    label: undefined,
-                    func: undefined,
+                    label: this._translations.delete,
+                    func: () => undefined,
                     disabled: !featuresSelected,
                     isDanger: true,
                     isOverflow: false
@@ -1082,7 +1094,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getDropdown(id) {
         const dropdownItems = this._getDropdownItems();
         return dropdownItems.length > 0 ? (h("calcite-dropdown", { closeOnSelectDisabled: true, disabled: this._layer === undefined, id: "solutions-more", onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._moreDropdown = el }, h("calcite-action", { appearance: "solid", id: id, label: "", onClick: () => this._closeShowHide(), slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
-            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: `layer-table-${item.icon}`, onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
+            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: "none" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: `layer-table-${item.icon}`, onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
         })), this._showHideOpen ? this._getFieldlist() : undefined)) : undefined;
     }
     /**
@@ -1182,7 +1194,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, ids: this._getIds(), layer: this._layer })) : (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, 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) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, ids: this._getIds(), layer: this._layer })) : (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 all currently selected IDs from the table
@@ -1231,6 +1243,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
                 });
+                //Add handle to watch size of the table and update the state to reflect the total count
+                const handle = this.reactiveUtils.watch(() => this._table.size, (size) => {
+                    this._size = size;
+                });
+                this._table.viewModel.addHandles(handle);
             });
         }
     }
@@ -1533,7 +1550,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _handleDocumentClick(e) {
         const id = e.target?.id;
-        if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "solutions-subset-list" && id !== "chevron-right") {
+        if (id.startsWith('layer-table-')) {
+            this._moreDropdown.open = true;
+        }
+        else if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "chevron-right") {
             this._closeShowHide();
             if (this._moreDropdown) {
                 this._moreDropdown.open = false;
@@ -1749,7 +1769,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         });
     }
     /**
-     * Refreshes the table and maintains the curent scroll position
+     * Refreshes the table and maintains the current scroll position
      * @protected
      */
     async _refresh() {
@@ -1930,11 +1950,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_translations": [32],
         "_fullTextSearchInfo": [32],
         "_searchPlaceHolder": [32],
+        "_size": [32],
         "filterReset": [64],
         "filterUpdate": [64],
         "closeFilter": [64],
         "refresh": [64]
-    }, [[8, "selectionChanged", "selectionChanged"], [8, "layerSelectionChange", "layerSelectionChange"], [8, "editsComplete", "editsComplete"], [8, "facilityChanged", "facilityChanged"], [8, "levelChanged", "levelChanged"], [8, "siteChanged", "siteChanged"], [8, "noLayersFound", "noLayersFound"]], {
+    }, [[8, "selectionChanged", "selectionChanged"], [8, "layerSelectionChange", "layerSelectionChange"], [8, "editsComplete", "editsComplete"], [8, "facilityChanged", "facilityChanged"], [8, "levelChanged", "levelChanged"], [8, "siteChanged", "siteChanged"], [8, "noLayersFound", "noLayersFound"], [8, "clearSelection", "clearSelection"]], {
         "defaultOid": ["defaultOidWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
         "enableCSV": ["enableCSVWatchHandler"],

package/dist/components/layout-manager.js

@@ -69,7 +69,7 @@ const LayoutManager$1 = /*@__PURE__*/ proxyCustomElement(class LayoutManager ext
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '7c6f114c7869bdcb524db517c95574aeb9f29155' }, h("div", { key: 'f8769f2c6b097a562962006aaa5bfdb81d812edc', class: "display-flex" }, h("div", { key: 'f82915c927a606a5c33dc92e5cf5f635e4decaaf', class: "display-flex action-center" }, h("calcite-icon", { key: '83f787675dbe08bafc3f92726455994ed23a85d9', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: 'b8a8d4b5b1d5ee151800f34d3d47642b51a0a691', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: 'c02afded78e72617bcb38a68fee37715065ac42e', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '35f9db2d7e71945ab7840fbc698765159988da9b', 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: '2fe2540a25e70ec6785aa97ade592a93c1112ecf' }, h("div", { key: 'df036d69f984e688c560d60279c463de9393d0f7', class: "display-flex" }, h("div", { key: 'b143b92ebec8a800466cee16e47b60afd768861e', class: "display-flex action-center" }, h("calcite-icon", { key: '5b787b3499c638e1e54eddf8b10448fe782aeb15', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '372cdbf2f14d7305b0dcb2e398962e39922f287d', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '4a8cc85bac0524c1dac37df79026bc4ec9ac4588', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '25da1130e266e7ba24abc1caa9b8a72d858c07a1', 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

@@ -51,7 +51,7 @@ const ListFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class ListFlowItem exten
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'e46b9c3bd5df9c46f8fb6764909737a81331e505' }, h("slot", { key: 'f9f71fe5d6fc66ba5a700178d4c1ec53adbbabc0' })));
+        return (h(Host, { key: '3e655a71f984bc7619b007ff0c17bf0418d9dbac' }, h("slot", { key: '6dfb3b7a1fd4987a99d7b91a6ce2cc2f99cb7d28' })));
     }
     static get style() { return ListFlowItemStyle0; }
 }, [1, "list-flow-item"]);

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

@@ -51,7 +51,7 @@ const LocationFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class LocationFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'e5b9dace0b0ca2282860aa62b72224b2d3aab138' }, h("slot", { key: 'e33561c8c4172d7d19560c364a971774d681c577' })));
+        return (h(Host, { key: 'af917a1b598dbf7b9a47d6f8781e352dbf7a5b9b' }, h("slot", { key: 'd38030d3d64ca1da2bbea5edafcf496ec665c0c4' })));
     }
     static get style() { return LocationFlowItemStyle0; }
 }, [1, "location-flow-item"]);