@esri/solutions-components 0.7.41 → 0.7.43

package/dist/components/instant-apps-filter-list2.js

@@ -91,11 +91,13 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.autoUpdateUrl = false;
         this.closeBtn = false;
         this.closeBtnOnClick = undefined;
+        this.comboboxOverlayPositioning = "absolute";
         this.closeBtnText = undefined;
         this.openFilters = false;
         this.extentSelector = false;
         this.extentSelectorConfig = undefined;
         this.urlParams = undefined;
+        this.filterCount = 0;
         this.view = undefined;
         this.zoomBtn = true;
         this.loading = undefined;
@@ -186,7 +188,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     renderCombobox(layerExpression, expression) {
         var _a;
-        return (h("label", { key: "combo-select", class: CSS.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6" }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
+        return (h("label", { key: "combo-select", class: CSS.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
     }
     renderComboboxItem(expression, value, index) {
         var _a;
@@ -560,8 +562,8 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
             let newConstraints = Object.assign({}, constraints);
             const geometry = newConstraints === null || newConstraints === void 0 ? void 0 : newConstraints.geometry;
             if (geometry) {
-                const tmpExtent = this.geometryJsonUtils.fromJSON(geometry);
-                if (tmpExtent && ((tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'extent' || (tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'polygon')) {
+                const tmpExtent = 'extent' in geometry ? geometry : this.geometryJsonUtils.fromJSON(geometry);
+                if ((tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'extent' || (tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'polygon') {
                     return tmpExtent;
                 }
             }
@@ -690,6 +692,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         if ('URLSearchParams' in window) {
             const params = new URLSearchParams(document.location.search);
             const filters = (_a = params.get('filter')) === null || _a === void 0 ? void 0 : _a.split(';');
+            let filterCount = 0;
             filters === null || filters === void 0 ? void 0 : filters.forEach(filter => {
                 var _a;
                 const tmpFilter = JSON.parse(filter);
@@ -700,6 +703,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
                             var _a, _b;
                             if (((_a = expression.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = tmpFilter === null || tmpFilter === void 0 ? void 0 : tmpFilter.expressionId) === null || _b === void 0 ? void 0 : _b.toString())) {
                                 expression.active = true;
+                                filterCount++;
                                 if (tmpFilter.type === 'range') {
                                     expression.range = tmpFilter.range;
                                 }
@@ -711,6 +715,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
                     }
                 });
             });
+            this.filterCount = filterCount;
         }
     }
     createURLParamExpression(layerExpression, expression) {
@@ -753,15 +758,18 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         if ('URLSearchParams' in window) {
             const params = new URLSearchParams(window.location.search);
             const expressions = [];
+            let filterCount = 0;
             (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpr => {
                 var _a;
                 (_a = layerExpr === null || layerExpr === void 0 ? void 0 : layerExpr.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
                     if (expression.active) {
+                        filterCount++;
                         const paramExpression = this.createURLParamExpression(layerExpr, expression);
                         expressions.push(JSON.stringify(paramExpression));
                     }
                 });
             });
+            this.filterCount = filterCount;
             if (expressions.length > 0) {
                 params.set('filter', expressions.join(';'));
             }
@@ -1068,11 +1076,13 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         "autoUpdateUrl": [4, "auto-update-url"],
         "closeBtn": [4, "close-btn"],
         "closeBtnOnClick": [16],
+        "comboboxOverlayPositioning": [1, "combobox-overlay-positioning"],
         "closeBtnText": [1, "close-btn-text"],
         "openFilters": [4, "open-filters"],
         "extentSelector": [4, "extent-selector"],
         "extentSelectorConfig": [16],
         "urlParams": [1040],
+        "filterCount": [1026, "filter-count"],
         "view": [16],
         "zoomBtn": [4, "zoom-btn"],
         "loading": [32],

package/dist/components/instant-apps-interactive-legend-classic2.js

@@ -1191,20 +1191,27 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
         this.intl = intl;
     }
     async componentDidLoad() {
+        this.initLegend();
+    }
+    async initLegend() {
         try {
             await this.reactiveUtils.whenOnce(() => { var _a; return (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view; });
             this.legendvm.view.when(async () => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 try {
-                    await ((_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map).loadAll();
-                    await this.reactiveUtils.whenOnce(() => { var _a, _b; return ((_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.updating) === false; });
                     // Initial data setup
+                    const map = await ((_c = (_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.load());
+                    await ((_d = map === null || map === void 0 ? void 0 : map.basemap) === null || _d === void 0 ? void 0 : _d.load());
+                    const allLayers = map === null || map === void 0 ? void 0 : map.allLayers;
+                    const promises = allLayers === null || allLayers === void 0 ? void 0 : allLayers.map(layer => layer.load());
+                    await Promise.allSettled(promises);
                     const data = await generateData(this.legendvm, this.reactiveUtils);
                     store.set('data', Object.assign(Object.assign({}, interactiveLegendState.data), data));
                     this.isLoading = false;
                     this.setupWatchersAndListeners();
                 }
-                catch (_c) {
+                catch (err) {
+                    console.error(err);
                     this.isLoading = false;
                 }
             });
@@ -1457,7 +1464,7 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
     }
     getTitle(messages, titleInfo, // RendererTitle | DotDensityTitle | RampTitle | StretchMultibandTitle | ClusterTitle | string,
     isRamp) {
-        var _a;
+        var _a, _b;
         if (!titleInfo) {
             return undefined;
         }
@@ -1465,7 +1472,7 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
             return titleInfo;
         }
         if ('value' in titleInfo || 'unit' in titleInfo) {
-            return this.intl.substitute(messages.dotValue, titleInfo);
+            return this.intl.substitute((_a = messages === null || messages === void 0 ? void 0 : messages.dotValue) !== null && _a !== void 0 ? _a : '', titleInfo);
         }
         if ('colorName' in titleInfo || 'bandName' in titleInfo) {
             return messages[titleInfo.colorName] + ': ' + (messages[titleInfo.bandName] || titleInfo.bandName);
@@ -1492,7 +1499,7 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
             bundleKey = titleInfo.normField ? 'showNormField' : titleInfo.normByPct ? 'showNormPct' : titleInfo.field ? 'showField' : null;
         }
         return bundleKey
-            ? (_a = this.intl) === null || _a === void 0 ? void 0 : _a.substitute(bundleKey === 'showField' ? '{field}' : messages[bundleKey], {
+            ? (_b = this.intl) === null || _b === void 0 ? void 0 : _b.substitute(bundleKey === 'showField' ? '{field}' : messages[bundleKey], {
                 field: titleInfo.field,
                 normField: titleInfo.normField,
             })

package/dist/components/layer-table2.js

@@ -88,10 +88,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
          * boolean: When true any onChange handeling will be skipped
          */
         this._skipOnChange = false;
-        /**
-         * bool: When true the table is being sorted
-         */
-        this._tableSorting = false;
         /**
          * Store a reference to the table node after it's first created
          * and initializes the FeatureTable
@@ -128,7 +124,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._selectAllActive = false;
         this._showHideOpen = false;
         this._showOnlySelected = false;
-        this._sortActive = false;
         this._translations = undefined;
     }
     //--------------------------------------------------------------------------
@@ -153,6 +148,16 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         }
     }
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler() {
+        // this should be caught by component did render and is when I test locally
+        // however have had reported case where it is not somehow on devext so adding explicit check here
+        if (this._toolbar) {
+            this._updateToolbar();
+        }
+    }
     /**
      * watch for changes to the list of controls that will currently fit in the display
      */
@@ -178,17 +183,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and recheck the tool infos
-     */
-    async mapInfoWatchHandler() {
-        var _a;
-        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this._initToolInfos();
-        }
-        this._initLayerExpressions();
-        this._resetColumnTemplates();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -227,14 +221,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._selectAllActive = false;
         }
     }
-    /**
-     * When sortActive is false the user has not defined a sort and we should use the default sort
-     */
-    async _sortActiveWatchHandler() {
-        if (!this._sortActive) {
-            await this._sortTable();
-        }
-    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -663,7 +649,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 5);
+            }, 250);
         }
     }
     /**
@@ -888,7 +874,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     },
                     container: node
                 });
-                this._table.columnPerformanceModeEnabled = false;
             });
             this._initColumnsInfo();
             this._checkEditEnabled();
@@ -896,11 +881,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
                 });
-                this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
-                    var _a, _b, _c, _d;
-                    this._sortActive = this._layer ? (sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc") ||
-                        ((_c = sortOrders[0]) === null || _c === void 0 ? void 0 : _c.direction) === null && ((_d = sortOrders[0]) === null || _d === void 0 ? void 0 : _d.fieldName) === this._layer.objectIdField : false;
-                });
             });
         }
     }
@@ -1021,19 +1001,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
         }
-        else if (columnTemplates) {
-            this._table.tableTemplate.columnTemplates = columnTemplates;
-        }
         this._table.layer = this._layer;
         this._table.view = this.mapView;
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
-        await this._table.when(async () => {
+        await this.reactiveUtils.once(() => this._table.state === "loaded")
+            .then(async () => {
             var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
-            this._initColumnsInfo();
+            this._resetColumnTemplates();
             if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
@@ -1051,10 +1029,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
             }
+            this._showOnlySelected = false;
+            await this._sortTable();
+            this._updateToolbar();
         });
-        this._showOnlySelected = false;
-        this._sortActive = false;
-        await this._sortTable();
     }
     /**
      * Store the column names and current hidden status to support show/hide of columns
@@ -1104,15 +1082,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Sort the objectid field in descending order
      */
     async _sortTable() {
-        if (this._table && this._layer && !this._sortActive) {
-            if (!this._tableSorting && this.showNewestFirst) {
-                this._tableSorting = true;
-                await this._table.when();
-                await this._layer.when(() => {
-                    this._table.sortColumn(this._layer.objectIdField, "desc");
-                    this._tableSorting = false;
-                });
-            }
+        if (this._table && this._layer && this.showNewestFirst) {
+            await this._table.when();
+            await this._layer.when(() => {
+                this._table.sortColumn(this._layer.objectIdField, "desc");
+            });
         }
     }
     /**
@@ -1175,7 +1149,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1462,13 +1436,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     static get watchers() { return {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "selectedIds": ["selectedIdsWatchHandler"],
-        "_sortActive": ["_sortActiveWatchHandler"]
+        "selectedIds": ["selectedIdsWatchHandler"]
     }; }
     static get style() { return layerTableCss; }
 }, [0, "layer-table", {
@@ -1499,18 +1472,16 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_selectAllActive": [32],
         "_showHideOpen": [32],
         "_showOnlySelected": [32],
-        "_sortActive": [32],
         "_translations": [32]
     }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "levelChanged", "levelChanged"], [8, "noLayersFound", "noLayersFound"]], {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "selectedIds": ["selectedIdsWatchHandler"],
-        "_sortActive": ["_sortActiveWatchHandler"]
+        "selectedIds": ["selectedIdsWatchHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/esm/calcite-input-date-picker_3.entry.js

@@ -798,11 +798,13 @@ const InstantAppsFilterList = class {
         this.autoUpdateUrl = false;
         this.closeBtn = false;
         this.closeBtnOnClick = undefined;
+        this.comboboxOverlayPositioning = "absolute";
         this.closeBtnText = undefined;
         this.openFilters = false;
         this.extentSelector = false;
         this.extentSelectorConfig = undefined;
         this.urlParams = undefined;
+        this.filterCount = 0;
         this.view = undefined;
         this.zoomBtn = true;
         this.loading = undefined;
@@ -893,7 +895,7 @@ const InstantAppsFilterList = class {
     }
     renderCombobox(layerExpression, expression) {
         var _a;
-        return (h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6" }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
+        return (h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
     }
     renderComboboxItem(expression, value, index) {
         var _a;
@@ -1267,8 +1269,8 @@ const InstantAppsFilterList = class {
             let newConstraints = Object.assign({}, constraints);
             const geometry = newConstraints === null || newConstraints === void 0 ? void 0 : newConstraints.geometry;
             if (geometry) {
-                const tmpExtent = this.geometryJsonUtils.fromJSON(geometry);
-                if (tmpExtent && ((tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'extent' || (tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'polygon')) {
+                const tmpExtent = 'extent' in geometry ? geometry : this.geometryJsonUtils.fromJSON(geometry);
+                if ((tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'extent' || (tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'polygon') {
                     return tmpExtent;
                 }
             }
@@ -1397,6 +1399,7 @@ const InstantAppsFilterList = class {
         if ('URLSearchParams' in window) {
             const params = new URLSearchParams(document.location.search);
             const filters = (_a = params.get('filter')) === null || _a === void 0 ? void 0 : _a.split(';');
+            let filterCount = 0;
             filters === null || filters === void 0 ? void 0 : filters.forEach(filter => {
                 var _a;
                 const tmpFilter = JSON.parse(filter);
@@ -1407,6 +1410,7 @@ const InstantAppsFilterList = class {
                             var _a, _b;
                             if (((_a = expression.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = tmpFilter === null || tmpFilter === void 0 ? void 0 : tmpFilter.expressionId) === null || _b === void 0 ? void 0 : _b.toString())) {
                                 expression.active = true;
+                                filterCount++;
                                 if (tmpFilter.type === 'range') {
                                     expression.range = tmpFilter.range;
                                 }
@@ -1418,6 +1422,7 @@ const InstantAppsFilterList = class {
                     }
                 });
             });
+            this.filterCount = filterCount;
         }
     }
     createURLParamExpression(layerExpression, expression) {
@@ -1460,15 +1465,18 @@ const InstantAppsFilterList = class {
         if ('URLSearchParams' in window) {
             const params = new URLSearchParams(window.location.search);
             const expressions = [];
+            let filterCount = 0;
             (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpr => {
                 var _a;
                 (_a = layerExpr === null || layerExpr === void 0 ? void 0 : layerExpr.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
                     if (expression.active) {
+                        filterCount++;
                         const paramExpression = this.createURLParamExpression(layerExpr, expression);
                         expressions.push(JSON.stringify(paramExpression));
                     }
                 });
             });
+            this.filterCount = filterCount;
             if (expressions.length > 0) {
                 params.set('filter', expressions.join(';'));
             }

package/dist/esm/card-manager_3.entry.js

@@ -6,7 +6,7 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-164d485a.js';
 import { g as getLocaleComponentStrings, l as loadModules } from './locale-25a5ae3e.js';
 import { q as queryFeaturesByID, g as getLayerOrTable, c as goToSelection, e as queryAllIds, f as queryFeatureIds, i as queryFeaturesByGlobalID } from './mapViewUtils-a177d4f9.js';
-import { d as downloadCSV } from './downloadUtils-20d22198.js';
+import { d as downloadCSV } from './downloadUtils-d5928e55.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-586e863c.js';
@@ -140,10 +140,6 @@ const LayerTable = class {
          * boolean: When true any onChange handeling will be skipped
          */
         this._skipOnChange = false;
-        /**
-         * bool: When true the table is being sorted
-         */
-        this._tableSorting = false;
         /**
          * Store a reference to the table node after it's first created
          * and initializes the FeatureTable
@@ -180,7 +176,6 @@ const LayerTable = class {
         this._selectAllActive = false;
         this._showHideOpen = false;
         this._showOnlySelected = false;
-        this._sortActive = false;
         this._translations = undefined;
     }
     //--------------------------------------------------------------------------
@@ -205,6 +200,16 @@ const LayerTable = class {
             this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         }
     }
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler() {
+        // this should be caught by component did render and is when I test locally
+        // however have had reported case where it is not somehow on devext so adding explicit check here
+        if (this._toolbar) {
+            this._updateToolbar();
+        }
+    }
     /**
      * watch for changes to the list of controls that will currently fit in the display
      */
@@ -230,17 +235,6 @@ const LayerTable = class {
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and recheck the tool infos
-     */
-    async mapInfoWatchHandler() {
-        var _a;
-        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this._initToolInfos();
-        }
-        this._initLayerExpressions();
-        this._resetColumnTemplates();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -279,14 +273,6 @@ const LayerTable = class {
             this._selectAllActive = false;
         }
     }
-    /**
-     * When sortActive is false the user has not defined a sort and we should use the default sort
-     */
-    async _sortActiveWatchHandler() {
-        if (!this._sortActive) {
-            await this._sortTable();
-        }
-    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -715,7 +701,7 @@ const LayerTable = class {
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 5);
+            }, 250);
         }
     }
     /**
@@ -940,7 +926,6 @@ const LayerTable = class {
                     },
                     container: node
                 });
-                this._table.columnPerformanceModeEnabled = false;
             });
             this._initColumnsInfo();
             this._checkEditEnabled();
@@ -948,11 +933,6 @@ const LayerTable = class {
                 this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
                 });
-                this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
-                    var _a, _b, _c, _d;
-                    this._sortActive = this._layer ? (sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc") ||
-                        ((_c = sortOrders[0]) === null || _c === void 0 ? void 0 : _c.direction) === null && ((_d = sortOrders[0]) === null || _d === void 0 ? void 0 : _d.fieldName) === this._layer.objectIdField : false;
-                });
             });
         }
     }
@@ -1073,19 +1053,17 @@ const LayerTable = class {
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
         }
-        else if (columnTemplates) {
-            this._table.tableTemplate.columnTemplates = columnTemplates;
-        }
         this._table.layer = this._layer;
         this._table.view = this.mapView;
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
-        await this._table.when(async () => {
+        await this.reactiveUtils.once(() => this._table.state === "loaded")
+            .then(async () => {
             var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
-            this._initColumnsInfo();
+            this._resetColumnTemplates();
             if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
@@ -1103,10 +1081,10 @@ const LayerTable = class {
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
             }
+            this._showOnlySelected = false;
+            await this._sortTable();
+            this._updateToolbar();
         });
-        this._showOnlySelected = false;
-        this._sortActive = false;
-        await this._sortTable();
     }
     /**
      * Store the column names and current hidden status to support show/hide of columns
@@ -1156,15 +1134,11 @@ const LayerTable = class {
      * Sort the objectid field in descending order
      */
     async _sortTable() {
-        if (this._table && this._layer && !this._sortActive) {
-            if (!this._tableSorting && this.showNewestFirst) {
-                this._tableSorting = true;
-                await this._table.when();
-                await this._layer.when(() => {
-                    this._table.sortColumn(this._layer.objectIdField, "desc");
-                    this._tableSorting = false;
-                });
-            }
+        if (this._table && this._layer && this.showNewestFirst) {
+            await this._table.when();
+            await this._layer.when(() => {
+                this._table.sortColumn(this._layer.objectIdField, "desc");
+            });
         }
     }
     /**
@@ -1227,7 +1201,7 @@ const LayerTable = class {
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1514,13 +1488,12 @@ const LayerTable = class {
     static get watchers() { return {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "selectedIds": ["selectedIdsWatchHandler"],
-        "_sortActive": ["_sortActiveWatchHandler"]
+        "selectedIds": ["selectedIdsWatchHandler"]
     }; }
 };
 LayerTable.style = layerTableCss;