@esri/solutions-components 1.1.0-next.20251007.2 → 1.1.0-next.20251008.1

package/dist/components/field-selection/customElement.js

@@ -5,7 +5,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { LitElement as T } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 const v = b`/** @license
  * Copyright 2025 Esri
  *
@@ -21,14 +21,14 @@ const v = b`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.height-51{height:51px}.width-51{width:51px}`;
-class N extends T {
+class C extends T {
   constructor() {
     super(), this._translations = _({ name: "field-selection", blocking: !0 }), this._fieldSortOrder = "default", this._selectedFields = [], this._fieldVisibilityPopoverClickHandler = (e) => {
       this._fieldVisibilityPopoverNode ? this._isInNode(e.target, "arcgis-field-pick-list") || (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0, document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler)) : document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
     }, this.listenOn(window, "columnReorder", this.handleColumnReorder, { capture: !0 });
   }
   static {
-    this.properties = { layer: 0, mapView: 0, table: 0, tableRef: 0, _translations: 16 };
+    this.properties = { configExtraFields: 1, layer: 0, mapView: 0, table: 0, tableRef: 0, _translations: 16 };
   }
   static {
     this.styles = v;
@@ -45,108 +45,113 @@ class N extends T {
     const e = this.table?.tableTemplate?.columnTemplates;
     if (this.layer && this.mapView && e && this._fieldVisibilityActionNode) {
       document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
-      const t = this.table.fieldColumns.map((s) => ({
-        alias: s.field.alias,
-        description: s.field.description,
-        name: s.field.name,
-        type: s.field.type
+      const i = this.table.fieldColumns.map((l) => ({
+        alias: l.field.alias,
+        description: l.field.description,
+        name: l.field.name,
+        type: l.field.type
       }));
       if (this._hasAttachmentsEnabled(this.layer)) {
-        const s = "Attachments";
-        if (!e.some((o) => o.fieldName.toUpperCase() === s.toUpperCase())) {
-          const o = {
-            fieldName: s,
-            type: "attachment",
-            visible: !0
-          };
-          e.push(o);
+        const l = "Attachments";
+        if (this._shouldShowField(l.toUpperCase(), !1)) {
+          if (!e.some((o) => o.fieldName.toUpperCase() === l.toUpperCase())) {
+            const o = {
+              fieldName: l,
+              type: "attachment",
+              visible: !0
+            };
+            e.push(o);
+          }
+          i.push({
+            name: l,
+            alias: "Photos and files",
+            type: "none",
+            description: l
+          });
         }
-        t.push({
-          name: s,
-          alias: "Photos and files",
-          type: "none",
-          description: s
-        });
       }
       if (this.table.relatedRecordsEnabled && this.layer.relationships && this.layer.relationships.length > 0) {
-        const s = this.layer.parent;
+        const l = this.layer.parent;
         this.layer.relationships.forEach((o) => {
-          let r;
-          if (!e.some((a) => a.fieldName.toLowerCase() === o.name?.toLowerCase() ? (r = o.name, !0) : !1))
+          let a, r = this._shouldShowField(o.name || "", !0);
+          if (!e.some((n) => n.fieldName.toLowerCase() === o.name?.toLowerCase() ? (a = o.name, !0) : !1))
             if (o.name) {
-              r = o.name;
-              const a = {
-                fieldName: r,
+              a = o.name;
+              const n = {
+                fieldName: a,
                 type: "relationship",
                 visible: !0
               };
-              e.push(a);
+              r = this._shouldShowField(a, !0), e.push(n);
             } else {
-              const a = [...s?.layers || [], ...s?.tables];
+              const n = [...l?.layers || [], ...l?.tables];
               let d;
-              if (a.some((n) => n.layerId === o.relatedTableId ? (d = n, !0) : !1), d) {
-                r = d.title, o.name = r;
-                const n = {
-                  fieldName: r,
+              if (n.some((c) => c.layerId === o.relatedTableId ? (d = c, !0) : !1), d) {
+                a = d.title, o.name = a;
+                const c = {
+                  fieldName: a,
                   type: "relationship",
                   visible: !0
                 };
-                e.push(n);
+                r = this._shouldShowField(a, !0), e.push(c);
               }
             }
-          r && t.push({
-            name: r,
-            alias: `Related ${r}`,
+          a && r && i.push({
+            name: a,
+            alias: `Related ${a}`,
             type: "none",
-            description: `related:${r}`
+            description: `related:${a}`
           });
         });
       }
-      const i = this._fieldVisibilityPopoverNode ? this._fieldVisibilityPopoverNode : document.createElement("arcgis-field-pick-list");
-      i.layer = this.layer, i.fields = t, i.showFieldInfo = !0, i.showFieldName = !0, i.showDescription = !1, i.showSelectionAll = !0, i.hideCancel = !0, i.hideSort = !1, i.showFilterLength = 5, i.multiple = !0, i.heading = this._translations.fieldVisibility, i.okBtnText = this._translations.doneWithFieldChanges, i.filterPlaceholderText = this._translations.filterFields, i.sortBy = this._fieldSortOrder ?? "default";
-      const h = this.table?.visibleColumns.map((s) => s.fieldName.startsWith("EsriFeatureTableRelationshipColumn") || s.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? s.effectiveLabel : s.fieldName);
-      i.selectedFields = e.reduce((s, o) => ((h ? h.indexOf(o.fieldName) > -1 : o.visible) && s.push(o.fieldName), s), []), this._selectedFields = i.selectedFields, i.style.minHeight = "340px", i.popoverProps = {
+      const t = this._fieldVisibilityPopoverNode ? this._fieldVisibilityPopoverNode : document.createElement("arcgis-field-pick-list");
+      t.layer = this.layer, t.fields = i, t.showFieldInfo = !0, t.showFieldName = !0, t.showDescription = !1, t.showSelectionAll = !0, t.hideCancel = !0, t.hideSort = !1, t.showFilterLength = 5, t.multiple = !0, t.heading = this._translations.fieldVisibility, t.okBtnText = this._translations.doneWithFieldChanges, t.filterPlaceholderText = this._translations.filterFields, t.sortBy = this._fieldSortOrder ?? "default";
+      const p = this.table?.visibleColumns.map((l) => l.fieldName.startsWith("EsriFeatureTableRelationshipColumn") || l.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? l.effectiveLabel : l.fieldName);
+      t.selectedFields = e.reduce((l, o) => ((p ? p.indexOf(o.fieldName) > -1 : o.visible) && l.push(o.fieldName), l), []), this._selectedFields = t.selectedFields, t.style.minHeight = "340px", t.popoverProps = {
         refElement: this._fieldVisibilityActionNode,
         popoverWidth: 300,
         placement: "bottom-end",
         offsetDistance: -20,
         triggerDisabled: !1,
         autoClose: !1
-      }, i.addEventListener("arcgisChange", (s) => {
-        s.stopPropagation();
-        const o = s.detail.selectedFields, r = this._getDifference(o, this._selectedFields), a = this._getDifference(this._selectedFields, o);
-        r.concat(a).forEach((n) => {
-          const m = this.layer?.relationships?.map((p) => p.name) || [];
-          if (n === "Attachments") {
-            const p = this.table.columns.find((c) => "onShowAttachments" in c);
-            p.hidden = a.indexOf(n) > -1;
-          } else m.indexOf(n) > -1 ? this.table.columns.filter((c) => "relationshipId" in c).forEach((c) => {
-            a.indexOf(n) > -1, n == c.effectiveLabel && (c.hidden = a.indexOf(n) > -1);
-          }) : this.table.toggleColumnVisibility(n);
+      }, t.addEventListener("arcgisChange", (l) => {
+        l.stopPropagation();
+        const o = l.detail.selectedFields, a = this._getDifference(o, this._selectedFields), r = this._getDifference(this._selectedFields, o);
+        a.concat(r).forEach((d) => {
+          const c = this.layer?.relationships?.map((m) => m.name) || [];
+          if (d === "Attachments") {
+            const m = this.table.columns.find((h) => "onShowAttachments" in h);
+            m.hidden = r.indexOf(d) > -1;
+          } else c.indexOf(d) > -1 ? this.table.columns.filter((h) => "relationshipId" in h).forEach((h) => {
+            r.indexOf(d) > -1, d == h.effectiveLabel && (h.hidden = r.indexOf(d) > -1);
+          }) : this.table.toggleColumnVisibility(d);
         }), this._selectedFields = o, this._updateTable(this.table.tableTemplate);
-      }), i.addEventListener("arcgisSortByChange", (s) => {
-        s.stopPropagation(), this._fieldSortOrder = s.detail, this._sortFields(s.detail);
-      }), i.addEventListener("arcgisClose", () => {
+      }), t.addEventListener("arcgisSortByChange", (l) => {
+        l.stopPropagation(), this._fieldSortOrder = l.detail, this._sortFields(l.detail);
+      }), t.addEventListener("arcgisClose", () => {
         this._closePopovers(), setTimeout(() => this._fieldVisibilityActionNode.setFocus(), 200);
-      }), document.body.appendChild(i), this._fieldVisibilityPopoverNode = i, setTimeout(() => document.addEventListener("click", this._fieldVisibilityPopoverClickHandler), 200);
+      }), document.body.appendChild(t), this._fieldVisibilityPopoverNode = t, setTimeout(() => document.addEventListener("click", this._fieldVisibilityPopoverClickHandler), 200);
     }
   }
+  _shouldShowField(e, i) {
+    return (this.configExtraFields || []).some((s) => i ? s.replace("related:", "").toUpperCase() === e.toUpperCase() : s.toUpperCase() === e.toUpperCase());
+  }
   removeFieldsPickList() {
     this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
   }
   _sortFields(e) {
-    const t = this.table.tableTemplate.columnTemplates, l = this._getSortOrder(e), h = t.filter((o) => o.type !== "attachment" && o.type !== "relationship").sort((o, r) => {
-      const a = l.indexOf(o.fieldName), d = l.indexOf(r.fieldName);
-      return a === -1 && d !== -1 ? 1 : a !== -1 && d === -1 ? -1 : a === -1 && d === -1 ? 0 : a - d;
-    }), s = t.filter((o) => o.type === "attachment" || o.type === "relationship");
-    this.tableRef.setColumnOrder([...h, ...s]), this._updateTable(this.table.tableTemplate);
+    const i = this.table.tableTemplate.columnTemplates, s = this._getSortOrder(e), p = i.filter((o) => o.type !== "attachment" && o.type !== "relationship").sort((o, a) => {
+      const r = s.indexOf(o.fieldName), n = s.indexOf(a.fieldName);
+      return r === -1 && n !== -1 ? 1 : r !== -1 && n === -1 ? -1 : r === -1 && n === -1 ? 0 : r - n;
+    }), l = i.filter((o) => o.type === "attachment" || o.type === "relationship");
+    this.tableRef.setColumnOrder([...p, ...l]), this._updateTable(this.table.tableTemplate);
   }
   _getSortOrder(e) {
-    const t = [...this.layer.fields];
-    return e === "display" ? t.sort((l, i) => l.alias.localeCompare(i.alias)) : e === "field" ? t.sort((l, i) => l.name.localeCompare(i.name)) : e === "type" && t.sort((l, i) => l.type.localeCompare(i.type)), t.map((l) => l.name);
+    const i = [...this.layer.fields];
+    return e === "display" ? i.sort((s, t) => s.alias.localeCompare(t.alias)) : e === "field" ? i.sort((s, t) => s.name.localeCompare(t.name)) : e === "type" && i.sort((s, t) => s.type.localeCompare(t.type)), i.map((s) => s.name);
   }
-  _getDifference(e, t) {
-    return e.filter((l) => !t.includes(l));
+  _getDifference(e, i) {
+    return e.filter((s) => !i.includes(s));
   }
   _updateTable(e) {
     this.table.tableTemplate = e, this._isStandardView() && this._syncAttributeTableTemplate();
@@ -154,22 +159,22 @@ class N extends T {
   async _syncAttributeTableTemplate() {
     const e = this.table.layer;
     if (e.attributeTableTemplate) {
-      const { _modules: t } = this, l = e.attributeTableTemplate.clone();
-      t?.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, l), JSON.stringify(l) !== JSON.stringify(e.attributeTableTemplate) && (e.attributeTableTemplate = l);
+      const { _modules: i } = this, s = e.attributeTableTemplate.clone();
+      i?.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, s), JSON.stringify(s) !== JSON.stringify(e.attributeTableTemplate) && (e.attributeTableTemplate = s);
     }
     if (e.attributeTableTemplate?.orderByFields?.length > 1) {
-      const t = e.attributeTableTemplate.clone(), l = this.table.activeSortOrders[0];
-      t.orderByFields = [
-        { field: l.fieldName, order: l.direction }
-      ], e.attributeTableTemplate = t, this._syncColumnDirectionsWithOrderByFields();
+      const i = e.attributeTableTemplate.clone(), s = this.table.activeSortOrders[0];
+      i.orderByFields = [
+        { field: s.fieldName, order: s.direction }
+      ], e.attributeTableTemplate = i, this._syncColumnDirectionsWithOrderByFields();
     }
   }
   _syncColumnDirectionsWithOrderByFields() {
     const e = this.table.activeSortOrders[0]?.fieldName;
-    this.table.columns.forEach((t) => {
-      "fieldName" in t && t.fieldName !== e && (t.direction = void 0);
-    }), this.table.tableTemplate?.columnTemplates.forEach((t) => {
-      "fieldName" in t && t.fieldName !== e && (t.direction = void 0);
+    this.table.columns.forEach((i) => {
+      "fieldName" in i && i.fieldName !== e && (i.direction = void 0);
+    }), this.table.tableTemplate?.columnTemplates.forEach((i) => {
+      "fieldName" in i && i.fieldName !== e && (i.direction = void 0);
     });
   }
   _isStandardView() {
@@ -178,18 +183,18 @@ class N extends T {
   _closePopovers() {
     document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler), this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
   }
-  _addTableTooltip(e, t) {
-    const l = document.createElement("calcite-tooltip");
-    l.className = "table-tooltip", l.referenceElement = e, l.placement = "trailing-start", l.open = !0;
-    const i = document.createElement("div");
-    i.className = "tooltip", i.innerHTML = t, l.append(i), document.body.append(l);
+  _addTableTooltip(e, i) {
+    const s = document.createElement("calcite-tooltip");
+    s.className = "table-tooltip", s.referenceElement = e, s.placement = "trailing-start", s.open = !0;
+    const t = document.createElement("div");
+    t.className = "tooltip", t.innerHTML = i, s.append(t), document.body.append(s);
   }
   _removeTableTooltip() {
     document.querySelectorAll(".table-tooltip").forEach((e) => e.parentNode?.removeChild(e));
   }
-  _isInNode(e, t) {
+  _isInNode(e, i) {
     for (; e; ) {
-      if (e.nodeName === t.toUpperCase())
+      if (e.nodeName === i.toUpperCase())
         return !0;
       e = e.parentElement;
     }
@@ -198,11 +203,11 @@ class N extends T {
   _hasAttachmentsEnabled(e) {
     if (!e?.capabilities)
       return !1;
-    const { capabilities: { data: { supportsAttachment: t }, operations: { supportsQueryAttachments: l } } } = e;
-    return t && l;
+    const { capabilities: { data: { supportsAttachment: i }, operations: { supportsQueryAttachments: s } } } = e;
+    return i && s;
   }
 }
-f("field-selection", N);
+f("field-selection", C);
 export {
-  N as FieldSelection
+  C as FieldSelection
 };

package/dist/components/floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 const c = o`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/info-card/customElement.js

@@ -6,7 +6,7 @@ import { css as b, nothing as m, html as s } from "lit";
 import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as F, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 const $ = b`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/json-editor/customElement.js

@@ -4,7 +4,7 @@ import { u } from "../../chunks/useT9n.js";
 import { LitElement as p, noShadowRoot as f, nothing as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 const _ = c`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/layer-list/customElement.js

@@ -6,7 +6,7 @@ import { css as f, html as r } from "lit";
 import { LitElement as w, createEvent as c, noShadowRoot as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

package/dist/components/layer-table/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { AppLayout, IColumnsInfo, IDeleteIds, IMapClick, IMapInfo, IToolInfo, TooltipPlacement } from '../../utils/interfaces';
+import { AppLayout, IColumnsInfo, IDeleteIds, ILayerDef, IMapClick, IMapInfo, IToolInfo, TooltipPlacement } from '../../utils/interfaces';
 import { LayerExpression } from '@arcgis/instant-apps-components';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';

package/dist/components/layer-table/customElement.js

@@ -1,18 +1,18 @@
-import { c as y } from "../../chunks/runtime.js";
+import { c as m } from "../../chunks/runtime.js";
 import { l as w } from "../../chunks/loadModules.js";
-import { b as m, d as I, g as T } from "../../chunks/mapViewUtils.js";
+import { b as y, d as I, g as T } from "../../chunks/mapViewUtils.js";
 import { c as v } from "../../chunks/queryUtils.js";
 import { d as E } from "../../chunks/downloadUtils.js";
 import { B as b } from "../../chunks/interfaces.js";
 import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
-import { u as S } from "../../chunks/useT9n.js";
-import { css as F, html as o, nothing as c } from "lit";
+import { u as F } from "../../chunks/useT9n.js";
+import { css as S, html as o, nothing as c } from "lit";
 import { createRef as u, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as O, createEvent as _, noShadowRoot as C, safeClassMap as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
-const A = F`@layer{/** @license
+v1.1.0-next.20251008.1 */
+const A = S`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -29,7 +29,7 @@ const A = F`@layer{/** @license
  */:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
 class H extends O {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = S({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
   }
   static {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
@@ -149,9 +149,9 @@ class H extends O {
     if (s.rowHighlightIds.length && s.rowHighlightIds.removeAll(), s.rowHighlightIds.add(i), this._highlightFeatures(i), this.zoomAndScrollToSelected && s && this.mapView) {
       const a = s.viewModel.getObjectIdIndex(i);
       s.scrollToIndex(a);
-      const l = t.layer, n = this.mapView.allLayerViews.toArray();
-      let h;
-      n.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (h = r, this.mapView && await m([i], h, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      const l = t.layer, h = this.mapView.allLayerViews.toArray();
+      let n;
+      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await y([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
@@ -202,8 +202,8 @@ class H extends O {
     await this._initModules(), await this._initToolInfos();
   }
   render() {
-    const e = this._fetchingData || this._hideTable ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", n = this._canShowFullTextSearch();
-    return this._validateActiveActions(), o`<div><calcite-scrim class=${g(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${n && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(h) => void this._searchTextChanged(h)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${g(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${g(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    const e = this._fetchingData || this._hideTable ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
+    return this._validateActiveActions(), o`<div><calcite-scrim class=${g(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${g(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${g(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   updated() {
     this._table && this.updateRelatedAttachmentColumns();
@@ -278,9 +278,14 @@ class H extends O {
     const t = this.isMobile ? "display-none" : "";
     return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? c}><map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
   }
+  _getLayerOption(e) {
+    let t;
+    return this.mapInfo?.layerOptions?.layers.some((i) => i.id === e ? (t = i, !0) : !1), t;
+  }
   _getActionsEnd(e) {
     const t = this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._layer, i = this._relatedFeatureTable || this._table;
-    return o`<div class="display-flex" slot=${e ?? c}><field-selection .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
+    let s = this._getLayerOption(t?.id || "");
+    return o`<div class="display-flex" slot=${e ?? c}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
     return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
@@ -304,7 +309,7 @@ class H extends O {
     });
   }
   async _initToolInfos() {
-    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > b, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), n = this._featuresEmpty(), h = this.featureSelectionMode === "single";
+    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > b, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
     let r = this.enableCSV;
     if (this._relatedFeatureTable) {
       const f = await this._queryRelatedFeatures();
@@ -360,21 +365,21 @@ class H extends O {
       func: () => this._toggleShowSelected(),
       disabled: !e,
       toolTip: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected
-    }), !h && !this._relatedFeatureTable && d.push({
+    }), !n && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "list-check-all",
       indicator: !1,
       func: async () => await this._selectAll(),
       label: this._translations.selectAll,
-      disabled: n,
+      disabled: h,
       toolTip: this._translations.selectAll
-    }), !h && !this._relatedFeatureTable && d.push({
+    }), !n && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "compare",
       indicator: !1,
       func: async () => await this._switchSelected(),
       label: this._translations.switchSelected,
-      disabled: n,
+      disabled: h,
       toolTip: this._translations.switchSelected
     }), d.push({
       active: !1,
@@ -391,7 +396,7 @@ class H extends O {
       func: () => void this._exportToCSV(),
       label: this._translations.exportCSV,
       loading: this._csvExporting,
-      disabled: n,
+      disabled: h,
       toolTip: this._translations.exportCSV
     }), this._toolInfos = [...d];
   }
@@ -409,9 +414,9 @@ class H extends O {
     const t = this._layer?.id;
     return this.mapInfo?.filterConfig?.layerExpressions && t !== void 0 && (e = this.mapInfo.filterConfig.layerExpressions.filter((i) => i.id === t)), e.length > 0;
   }
-  _getAction(e, t, i, s, a, l, n, h) {
+  _getAction(e, t, i, s, a, l, h, n) {
     const r = this._layer === void 0 ? !0 : l;
-    return o`<calcite-action .active=${e} appearance=solid .disabled=${r} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${n} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>${this._getToolTip("auto", `layer-table-${t}`, h)}`;
+    return o`<calcite-action .active=${e} appearance=solid .disabled=${r} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>${this._getToolTip("auto", `layer-table-${t}`, n)}`;
   }
   _showDelete() {
     this.showDelete.emit({
@@ -700,13 +705,13 @@ class H extends O {
         this._table?.highlightIds.removeAll();
         const l = s[0].graphic.getObjectId();
         if (l) {
-          const n = this._table?.highlightIds.indexOf(l);
-          n !== void 0 && n < 0 && this._table?.highlightIds.add(l);
+          const h = this._table?.highlightIds.indexOf(l);
+          h !== void 0 && h < 0 && this._table?.highlightIds.add(l);
         }
       } else
         s.forEach((a) => {
-          const l = Number(a.graphic.getObjectId()), n = this._table?.highlightIds.indexOf(l);
-          n && n < 0 && l && this._table?.highlightIds.add(l);
+          const l = Number(a.graphic.getObjectId()), h = this._table?.highlightIds.indexOf(l);
+          h && h < 0 && l && this._table?.highlightIds.add(l);
         });
       this._showOnlySelected && this._table && (this._table.filterBySelectionEnabled = !0);
     } else
@@ -735,10 +740,10 @@ class H extends O {
     if (this._relatedFeatureTable?.tableParent && this._relatedFeatureTable.highlightIds.length === 0) {
       const l = this._relatedFeatureTable.tableParent.highlightIds?.getItemAt(0);
       if (l !== void 0) {
-        const n = await this._queryRelatedFeatures(), h = [];
-        n && n[l]?.features && (n[l].features.forEach((r) => {
-          r.attributes && h.push(r.attributes[e.objectIdField]);
-        }), i = h.length > 0 ? h : []);
+        const h = await this._queryRelatedFeatures(), n = [];
+        h && h[l]?.features && (h[l].features.forEach((r) => {
+          r.attributes && n.push(r.attributes[e.objectIdField]);
+        }), i = n.length > 0 ? n : []);
       }
     }
     t[e.id] = {
@@ -749,10 +754,10 @@ class H extends O {
     const s = this._relatedFeatureTable ?? this._table;
     if (!s)
       return;
-    const a = s && s.columns.toArray().reduce((l, n) => {
-      if (!n.hidden) {
-        const h = n?.name || n?.fieldName;
-        h && l.push(h.toLocaleLowerCase());
+    const a = s && s.columns.toArray().reduce((l, h) => {
+      if (!h.hidden) {
+        const n = h?.name || h?.fieldName;
+        n && l.push(n.toLocaleLowerCase());
       }
       return l;
     }, []);
@@ -771,13 +776,13 @@ class H extends O {
     ), this._updateToolInfoLoading("export", !1), this._csvExporting = !1;
   }
   async _queryRelatedFeatures() {
-    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((n) => i.relationships?.some((h) => h.id === n.id)), a = this.RelationshipQuery && new this.RelationshipQuery({
+    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((h) => i.relationships?.some((n) => n.id === h.id)), a = this.RelationshipQuery && new this.RelationshipQuery({
       objectIds: [t],
       outFields: ["*"],
       relationshipId: s?.id
     });
-    return t && a && await i.queryRelatedFeatures(a).catch(async (n) => {
-      console.error(n);
+    return t && a && await i.queryRelatedFeatures(a).catch(async (h) => {
+      console.error(h);
     });
   }
   _updateToolInfoLoading(e, t) {
@@ -813,7 +818,7 @@ class H extends O {
     }
   }
   async _zoom() {
-    this._layer && this.mapView && await m(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await y(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
@@ -827,14 +832,13 @@ class H extends O {
     this._creatingFeature = !1, this._fetchingData = !1;
   }
   _getColumnTemplates(e, t, i) {
-    let s;
-    this.mapInfo?.layerOptions?.layers.some((r) => r.id === e ? (s = r, !0) : !1);
+    let s = this._getLayerOption(e);
     const a = this._layer?.attributeTableTemplate?.elements;
     let l = [];
     a?.length > 0 && this.honorMapFieldSettings && (l = a.map((r) => r.fieldName));
-    const n = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((r) => s?.fields && s.fields.indexOf(r) > -1) : l.length > 0 ? l : void 0;
-    let h;
-    return t && (h = t.reduce((r, d) => {
+    const h = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((r) => s?.fields && s.fields.indexOf(r) > -1) : l.length > 0 ? l : void 0;
+    let n;
+    return t && (n = t.reduce((r, d) => {
       const f = {
         type: "field",
         fieldName: d.name,
@@ -842,15 +846,13 @@ class H extends O {
         menuConfig: this._getMenuConfig(d.name)
       };
       return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(d.name) > -1 && r.push(f) : l.length > 0 ? l.indexOf(d.name) > -1 && r.push(f) : r.push(f), r;
-    }, [])), h ? n ? h?.sort(this._sortFields.bind(this, n)) : h : [];
+    }, [])), n ? h ? n?.sort(this._sortFields.bind(this, h)) : n : [];
   }
   updateRelatedAttachmentColumns() {
-    let e;
-    this.mapInfo?.layerOptions?.layers.some((h) => h.id === this._layer?.id ? (e = h, !0) : !1);
-    let t = this.hasAttachmentsEnabled(this._layer), i = !0;
-    const s = e?.fieldOrder || [], a = "attachments", l = (e?.extraFields || []).reduce((h, r) => (r.startsWith("related:") ? h.related.push(r.split("related:")[1]) : h.extra.push(r), h), { related: [], extra: [] }), n = s.some((h) => h?.toLowerCase && h.toLowerCase() === a || h?.name?.toLowerCase() === a) || l.extra.some((h) => h.toLowerCase() === a);
-    l && (t = !!(n && l.extra.some((h) => h.toLowerCase() === a) && t), i = l.related.length > 0, this._table?.columns.forEach((h) => {
-      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !l.related.includes(h.effectiveLabel)), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !l.extra.some((r) => r.toLowerCase() === h.effectiveLabel.toLowerCase()));
+    let e = this._getLayerOption(this._layer?.id || ""), t = this.hasAttachmentsEnabled(this._layer), i = !0;
+    const s = "attachments", a = (e?.extraFields || []).reduce((h, n) => (n.startsWith("related:") ? h.related.push(n.split("related:")[1]) : h.extra.push(n), h), { related: [], extra: [] }), l = a.extra.some((h) => h.toLowerCase() === s);
+    a && (t = l && t, i = a.related.length > 0, this._table?.columns.forEach((h) => {
+      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !a.related.includes(h.effectiveLabel)), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !a.extra.some((n) => n.toLowerCase() === h.effectiveLabel.toLowerCase()));
     })), this._table.relatedRecordsEnabled = i, this._table.attachmentsEnabled = t;
   }
   getFieldLabel(e, t) {
@@ -880,7 +882,7 @@ class H extends O {
     }));
   }
 }
-y("layer-table", H);
+m("layer-table", H);
 export {
   H as LayerTable
 };

package/dist/components/map-card/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as w, createEvent as p, noShadowRoot as L, safeClassMap as f
 import { defineCustomElements as M } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251007.2 */
+v1.1.0-next.20251008.1 */
 const S = $`@layer{/** @license
  * Copyright 2025 Esri
  *