@esri/solutions-components 0.11.8 → 0.11.10

package/dist/components/layer-table2.js

@@ -32,6 +32,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this.enableCSV = undefined;
         this.enableInlineEdit = undefined;
         this.enableShare = undefined;
+        this.honorMapFieldSettings = undefined;
         this.isMobile = undefined;
         this.locale = undefined;
         this.mapHidden = undefined;
@@ -594,8 +595,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '185f3fe68fe706f1ac8fb21dc8770a99c5739413' }, h("div", { key: '1a108303520e85fc5088cc4279a49c3522f6fa78' }, h("calcite-scrim", { key: '7b7209217c3c84ab6583b5650f5a2a6ad9c00d69', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: 'c0b47560ffd0b0c889505f58c5e7607702c55eed' }, this._getTableControlRow("header"), h("div", { key: '88c63da2af86393fd69bf92728eb29a4dc9f5252', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '0c4fc0743b3713c8b864d8013a70d251990dad14', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '1aa9cb70deefdf7602744b1225bb79841ed1e716', class: "search-container" }, h("calcite-input", { key: 'e5c459eb5ca388d66a8e2b8ae67f3bc917672aba', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'a8aac5b169cd2081bc08aeb41d17d1d87ef8516d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'af4c227af9682d072195221294ac85cf98b4089b', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '68d6d57fbc9122b15340e0be3426ad00d398c7b2' }, h("div", { key: 'c4839ef8df0c5d3937b68c444264ce3bbb5c808d' }, h("calcite-scrim", { key: 'd4fa1a66ddcc5d0e83ee4ee43b2a3230e7f0298f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '2ae1aee8a242902f3fbc9a1a19b62a8b721e5de7' }, this._getTableControlRow("header"), h("div", { key: '73d424f4bb07f56245c2c0858544d6cb7d9fcc74', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'a2404478e2daf5ebac1ff3ac10378a98c868bcb2', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'e18c71ccab7853438c51fe7168b7a98087d215e2', class: "search-container" }, h("calcite-input", { key: '39ecb52bacd4560a94310a56faf084941aa44a2a', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ce2aeb5e108b1d76da8694a071dcd46098e6bb28', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '78e596cb45427bb9d21a11368361f67e1ed306a5', 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())));
     }
@@ -1991,32 +1992,40 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 return true;
             }
         });
+        const attributeTableTemplateElements = this._layer?.attributeTableTemplate?.elements;
+        let mapFieldOrder = [];
+        if (attributeTableTemplateElements?.length > 0 && this.honorMapFieldSettings) {
+            mapFieldOrder = attributeTableTemplateElements.map(e => e.fieldName);
+        }
         const fieldOrder = layerOption?.fields && layerOption?.fieldOrder ?
             layerOption.fieldOrder.filter(f => layerOption.fields.indexOf(f) > -1) :
-            undefined;
+            mapFieldOrder.length > 0 ? mapFieldOrder : undefined;
         let columnTemplates;
         if (fieldInfos) {
-            columnTemplates = layerOption && layerOption?.fields
-                ? fieldInfos.reduce((prev, cur) => {
+            columnTemplates = fieldInfos.reduce((prev, cur) => {
+                const template = {
+                    type: "field",
+                    fieldName: cur.name,
+                    label: cur.alias,
+                    menuConfig: this._getMenuConfig(cur.name)
+                };
+                if (layerOption && layerOption?.fields) {
                     if (layerOption.fields.indexOf(cur.name) > -1) {
-                        const template = {
-                            type: "field",
-                            fieldName: cur.name,
-                            label: cur.alias,
-                            menuConfig: this._getMenuConfig(cur.name)
-                        };
                         prev.push(template);
                     }
-                    return prev;
-                }, []).sort(this._sortFields.bind(this, layerOption?.fieldOrder))
-                : fieldInfos.map(fieldInfo => {
-                    return {
-                        type: "field",
-                        fieldName: fieldInfo.name,
-                        label: fieldInfo.alias,
-                        menuConfig: this._getMenuConfig(fieldInfo.name)
-                    };
-                });
+                }
+                else {
+                    if (mapFieldOrder.length > 0) {
+                        if (mapFieldOrder.indexOf(cur.name) > -1) {
+                            prev.push(template);
+                        }
+                    }
+                    else {
+                        prev.push(template);
+                    }
+                }
+                return prev;
+            }, []);
         }
         return fieldOrder ?
             columnTemplates?.sort(this._sortFields.bind(this, fieldOrder)) :
@@ -2093,6 +2102,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "enableCSV": [4, "enable-c-s-v"],
         "enableInlineEdit": [4, "enable-inline-edit"],
         "enableShare": [4, "enable-share"],
+        "honorMapFieldSettings": [4, "honor-map-field-settings"],
         "isMobile": [4, "is-mobile"],
         "locale": [1],
         "mapHidden": [4, "map-hidden"],

package/dist/components/public-notification.js

@@ -43,6 +43,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
+        this.initialNotice = "";
         this.searchConfiguration = undefined;
         this.selectionLayerIds = [];
         this.showRefineSelection = false;
@@ -265,7 +266,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'c583d7c42767a6656103b2ba3166e927894d6e44' }, h("calcite-shell", { key: '8e8b9d641d5b607cbd22259e3583a43db8ec9c0c' }, h("calcite-action-bar", { key: '6c1af2fc58d82e387f37d8f801d0629f63a13a02', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '61ed8da1de1c6780188fb7bd4f69c82036ddf705' }, h("calcite-shell", { key: '9eb929b7d27d103a207be34681623ca2e0097ef1' }, h("calcite-action-bar", { key: '3c7ad5516fdca78819ebdbdc7c41642c816239ec', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -464,7 +465,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     _getListPage() {
         const hasSets = this._hasSelections();
-        return (h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(hasSets ? this._translations.listHasSetsTip : this._translations.selectLayerAndAdd, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, h("span", { class: "font-weight-500" }, this._translations.add)))));
+        const noticeMessage = hasSets ? this._translations.listHasSetsTip :
+            this.initialNotice !== "" ? this.initialNotice : this._translations.selectLayerAndAdd;
+        return (h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(noticeMessage, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, h("span", { class: "font-weight-500" }, this._translations.add)))));
     }
     /**
      * Display an image to help illustrate the basic workflow of the widget
@@ -1091,6 +1094,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         "locale": [1],
         "mapView": [16],
         "noResultText": [1, "no-result-text"],
+        "initialNotice": [1, "initial-notice"],
         "searchConfiguration": [1040],
         "selectionLayerIds": [16],
         "showRefineSelection": [4, "show-refine-selection"],

package/dist/components/solution-item-accordion.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$2 } from './solution-item-icon2.js';
 
@@ -15,7 +15,11 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.solutionItemHover = createEvent(this, "solutionItemHover", 7);
+        this.solutionItemSelect = createEvent(this, "solutionItemSelect", 7);
+        this.solutionTypeHover = createEvent(this, "solutionTypeHover", 7);
         this.locale = undefined;
+        this.listSelectionMode = "none";
         this.templateInfos = [];
         this._sortedTemplateInfos = [];
         this._translations = undefined;
@@ -89,6 +93,9 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    solutionItemHover;
+    solutionItemSelect;
+    solutionTypeHover;
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -105,13 +112,31 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '39f5d67abadaf4dd32cebdf5ceb9fdf8fc97f22d' }, this._getAccordion()));
+        return (h(Host, { key: '291cc1ca78a6fbb4adbe83d42b2c48542f51f4d8' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
     //  Functions (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Deselect all items in the accordion except the one with the provided id.
+     * Only applies when selectionMode is "single" or "single-persist".
+     *
+     * @param id the id of the item to keep selected
+     *
+     * @protected
+     */
+    _deselectOthers(id) {
+        if (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") {
+            const items = this.el.shadowRoot.querySelectorAll("calcite-list-item");
+            items.forEach(item => {
+                if (item.id !== id) {
+                    item.selected = false;
+                }
+            });
+        }
+    }
     /**
      * Get the Accordion component
      *
@@ -147,7 +172,7 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
             const tType = this._getTypeForDisplay(t.type, t.typeKeywords);
             return tType === _type;
         });
-        return (h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})` }, h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+        return (h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})`, onMouseEnter: () => this.solutionTypeHover.emit({ itemType: _type, entering: true }), onMouseLeave: () => this.solutionTypeHover.emit({ itemType: _type, entering: false }) }, h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
     }
     /**
      * Get the list of template infos for the current type
@@ -160,7 +185,7 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
      */
     _getList(templateInfos) {
         const sortedTemplateInfos = this._sortTemplatesByTitle(templateInfos);
-        return (h("calcite-list", { label: "" }, sortedTemplateInfos.map(t => this._getListItem(t))));
+        return (h("calcite-list", { label: "", selectionAppearance: "border", selectionMode: this.listSelectionMode }, sortedTemplateInfos.map(t => this._getListItem(t))));
     }
     /**
      * Get list item for the current type
@@ -172,7 +197,9 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, label: templateInfo.title, value: templateInfo.id }));
+        return (h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => { this._deselectOthers(templateInfo.id); this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true }); }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
+            ? h("calcite-action", { icon: "launch", onClick: () => window.open(templateInfo.url, "_blank"), slot: "actions-end", text: this._translations?.openDetails?.replace("{{solutionTitle}}", templateInfo.title) })
+            : null));
     }
     /**
      * Sort the templates based on the title
@@ -272,6 +299,7 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
     static get style() { return SolutionItemAccordionStyle0; }
 }, [1, "solution-item-accordion", {
         "locale": [1],
+        "listSelectionMode": [1, "list-selection-mode"],
         "templateInfos": [16],
         "_sortedTemplateInfos": [32],
         "_translations": [32]

package/dist/esm/asyncToGenerator-48cd21fe.js

@@ -0,0 +1,88 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-089957fe.js';
+import { _ as _typeof } from './typeof-2511410e.js';
+
+var defineProperty = {exports: {}};
+
+var toPropertyKey = {exports: {}};
+
+var toPrimitive = {exports: {}};
+
+(function (module) {
+var _typeof$1 = _typeof.exports["default"];
+function toPrimitive(t, r) {
+  if ("object" != _typeof$1(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof$1(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(toPrimitive));
+
+(function (module) {
+var _typeof$1 = _typeof.exports["default"];
+var toPrimitive$1 = toPrimitive.exports;
+function toPropertyKey(t) {
+  var i = toPrimitive$1(t, "string");
+  return "symbol" == _typeof$1(i) ? i : i + "";
+}
+module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(toPropertyKey));
+
+(function (module) {
+var toPropertyKey$1 = toPropertyKey.exports;
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(defineProperty));
+
+const _defineProperty = /*@__PURE__*/getDefaultExportFromCjs(defineProperty.exports);
+
+var asyncToGenerator = {exports: {}};
+
+(function (module) {
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(asyncToGenerator));
+
+const _asyncToGenerator = /*@__PURE__*/getDefaultExportFromCjs(asyncToGenerator.exports);
+
+export { _asyncToGenerator as _, _defineProperty as a, defineProperty as d };

package/dist/esm/basemap-gallery_7.entry.js

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
-import './esri-loader-c6842c6b.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-4cea650e.js';
+import './esri-loader-781d738a.js';
 import './_commonjsHelpers-089957fe.js';
 
 const basemapGalleryCss = ":host{display:block}";

package/dist/esm/buffer-tools_2.entry.js

@@ -4,10 +4,10 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-4cea650e.js';
 import { f as EDrawMode } from './interfaces-659e3836.js';
 import { s as state } from './publicNotificationStore-9ec5e22a.js';
-import './esri-loader-c6842c6b.js';
+import './esri-loader-781d738a.js';
 import './_commonjsHelpers-089957fe.js';
 import './index-c247b62b.js';
 

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

@@ -4,13 +4,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings, l as loadModules } from './locale-7874c756.js';
+import { g as getLocaleComponentStrings, l as loadModules } from './locale-4cea650e.js';
 import { g as getLayerOrTable, q as queryFeaturesByID, e as goToSelection, f as queryAllIds, i as queryAllOidsWithQueryFeatures, j as queryFeaturesByGlobalID, c as getFeatureLayerView } from './mapViewUtils-f54edae3.js';
-import { d as downloadCSV } from './downloadUtils-1179f077.js';
-import './esri-loader-c6842c6b.js';
+import { d as downloadCSV } from './downloadUtils-6ca6519f.js';
+import './esri-loader-781d738a.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
-import './typeof-ef2a007d.js';
+import './typeof-2511410e.js';
 import './index-d88c3eb6.js';
 import './solution-resource-30a29505.js';
 import './restHelpersGet-a7fda344.js';
@@ -233,6 +233,7 @@ const LayerTable = class {
         this.enableCSV = undefined;
         this.enableInlineEdit = undefined;
         this.enableShare = undefined;
+        this.honorMapFieldSettings = undefined;
         this.isMobile = undefined;
         this.locale = undefined;
         this.mapHidden = undefined;
@@ -795,8 +796,8 @@ const LayerTable = class {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '185f3fe68fe706f1ac8fb21dc8770a99c5739413' }, h("div", { key: '1a108303520e85fc5088cc4279a49c3522f6fa78' }, h("calcite-scrim", { key: '7b7209217c3c84ab6583b5650f5a2a6ad9c00d69', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: 'c0b47560ffd0b0c889505f58c5e7607702c55eed' }, this._getTableControlRow("header"), h("div", { key: '88c63da2af86393fd69bf92728eb29a4dc9f5252', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '0c4fc0743b3713c8b864d8013a70d251990dad14', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '1aa9cb70deefdf7602744b1225bb79841ed1e716', class: "search-container" }, h("calcite-input", { key: 'e5c459eb5ca388d66a8e2b8ae67f3bc917672aba', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'a8aac5b169cd2081bc08aeb41d17d1d87ef8516d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'af4c227af9682d072195221294ac85cf98b4089b', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '68d6d57fbc9122b15340e0be3426ad00d398c7b2' }, h("div", { key: 'c4839ef8df0c5d3937b68c444264ce3bbb5c808d' }, h("calcite-scrim", { key: 'd4fa1a66ddcc5d0e83ee4ee43b2a3230e7f0298f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '2ae1aee8a242902f3fbc9a1a19b62a8b721e5de7' }, this._getTableControlRow("header"), h("div", { key: '73d424f4bb07f56245c2c0858544d6cb7d9fcc74', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'a2404478e2daf5ebac1ff3ac10378a98c868bcb2', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'e18c71ccab7853438c51fe7168b7a98087d215e2', class: "search-container" }, h("calcite-input", { key: '39ecb52bacd4560a94310a56faf084941aa44a2a', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ce2aeb5e108b1d76da8694a071dcd46098e6bb28', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '78e596cb45427bb9d21a11368361f67e1ed306a5', 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())));
     }
@@ -2192,32 +2193,40 @@ const LayerTable = class {
                 return true;
             }
         });
+        const attributeTableTemplateElements = this._layer?.attributeTableTemplate?.elements;
+        let mapFieldOrder = [];
+        if (attributeTableTemplateElements?.length > 0 && this.honorMapFieldSettings) {
+            mapFieldOrder = attributeTableTemplateElements.map(e => e.fieldName);
+        }
         const fieldOrder = layerOption?.fields && layerOption?.fieldOrder ?
             layerOption.fieldOrder.filter(f => layerOption.fields.indexOf(f) > -1) :
-            undefined;
+            mapFieldOrder.length > 0 ? mapFieldOrder : undefined;
         let columnTemplates;
         if (fieldInfos) {
-            columnTemplates = layerOption && layerOption?.fields
-                ? fieldInfos.reduce((prev, cur) => {
+            columnTemplates = fieldInfos.reduce((prev, cur) => {
+                const template = {
+                    type: "field",
+                    fieldName: cur.name,
+                    label: cur.alias,
+                    menuConfig: this._getMenuConfig(cur.name)
+                };
+                if (layerOption && layerOption?.fields) {
                     if (layerOption.fields.indexOf(cur.name) > -1) {
-                        const template = {
-                            type: "field",
-                            fieldName: cur.name,
-                            label: cur.alias,
-                            menuConfig: this._getMenuConfig(cur.name)
-                        };
                         prev.push(template);
                     }
-                    return prev;
-                }, []).sort(this._sortFields.bind(this, layerOption?.fieldOrder))
-                : fieldInfos.map(fieldInfo => {
-                    return {
-                        type: "field",
-                        fieldName: fieldInfo.name,
-                        label: fieldInfo.alias,
-                        menuConfig: this._getMenuConfig(fieldInfo.name)
-                    };
-                });
+                }
+                else {
+                    if (mapFieldOrder.length > 0) {
+                        if (mapFieldOrder.indexOf(cur.name) > -1) {
+                            prev.push(template);
+                        }
+                    }
+                    else {
+                        prev.push(template);
+                    }
+                }
+                return prev;
+            }, []);
         }
         return fieldOrder ?
             columnTemplates?.sort(this._sortFields.bind(this, fieldOrder)) :

package/dist/esm/consent-manager.entry.js

@@ -4,12 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h as h$1, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { g as getLocaleComponentStrings } from './locale-4cea650e.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-089957fe.js';
-import { d as defineProperty, _ as _asyncToGenerator$1, a as _defineProperty$2 } from './asyncToGenerator-96b2368d.js';
-import { _ as _typeof$1, t as t$2 } from './typeof-ef2a007d.js';
+import { d as defineProperty, _ as _asyncToGenerator$1, a as _defineProperty$2 } from './asyncToGenerator-48cd21fe.js';
+import { _ as _typeof$1, t as t$2 } from './typeof-2511410e.js';
 import { r as request, _ as __assign, g as getPortalUrl, u as updateItem } from './update-ad0b88fa.js';
-import './esri-loader-c6842c6b.js';
+import './esri-loader-781d738a.js';
 
 function shouldDisableTracking(options = {}) {
     const { disabled, portal } = options;