npm - @esri/solutions-components - Versions diffs - 0.7.41 → 0.7.43 - Mend

@esri/solutions-components 0.7.41 → 0.7.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (451) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;