@esri/solutions-components 5.0.3 → 5.0.4-next.2

package/dist/components/field-selection/customElement.d.ts

@@ -48,11 +48,11 @@ export abstract class FieldSelection extends LitElement {
   }>;
   /** Extra fields such as attachments and related fields from IA config */
   accessor configExtraFields: any;
-  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+  /** esri/views/layers/FeatureLayer: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
   accessor layer: __esri.FeatureLayer | undefined;
-  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
-  /** esri/widgets/FeatureTable: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html */
+  /** esri/widgets/FeatureTable: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html */
   accessor table: __esri.FeatureTable | undefined;
   /** LayerTable reference to support column reorder */
   accessor tableRef: LayerTable;

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

@@ -1,198 +1,358 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as f } from "../../chunks/runtime.js";
-import { ref as u } from "lit/directives/ref.js";
-import { css as b, html as y } from "lit";
-import { u as _ } from "../../chunks/useT9n.js";
-import { LitElement as T } from "@arcgis/lumina";
+import { c as customElement } from "../../chunks/runtime.js";
+import { ref } from "lit/directives/ref.js";
+import { css, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement } from "@arcgis/lumina";
 import "../layer-table/customElement.js";
-const v = b`.height-51{height:51px}.width-51{width:51px}`;
-class C extends T {
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.height-51 {
+  height: 51px;
+}
+
+.width-51 {
+  width: 51px;
+}`;
+class FieldSelection extends LitElement {
   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 });
+    super();
+    this._translations = useT9n({ name: "field-selection", blocking: true });
+    this._fieldSortOrder = "default";
+    this._selectedFields = [];
+    this._fieldVisibilityPopoverClickHandler = (event) => {
+      if (!this._fieldVisibilityPopoverNode) {
+        document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
+      } else if (!this._isInNode(event.target, "arcgis-field-pick-list")) {
+        document.body.removeChild(this._fieldVisibilityPopoverNode);
+        this._fieldVisibilityPopoverNode = void 0;
+        document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
+      }
+    };
+    this.listenOn(window, "columnReorder", this.handleColumnReorder, { capture: true });
   }
   static {
-    this.properties = { configExtraFields: 1, layer: 0, mapView: 0, table: 0, tableRef: 0, _translations: 16 };
+    this.properties = { configExtraFields: 1, layer: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }], table: [0, {}, { attribute: false }], tableRef: [0, {}, { attribute: false }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = v;
+    this.styles = styles;
   }
   render() {
-    return y`<calcite-action alignment=center appearance=solid class="height-51 width-51" id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this._handleFieldVisibilityClick()} @mouseover=${() => this._addTableTooltip(this._fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this._removeTableTooltip()} @focus=${() => this._addTableTooltip(this._fieldVisibilityActionNode, this._translations.fieldVisibility)} ${u((e) => this._fieldVisibilityActionNode = e)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
+    return html`<calcite-action alignment=center appearance=solid class="height-51 width-51" id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this._handleFieldVisibilityClick()} @mouseover=${() => this._addTableTooltip(this._fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this._removeTableTooltip()} @focus=${() => this._addTableTooltip(this._fieldVisibilityActionNode, this._translations.fieldVisibility)} ${ref((node) => this._fieldVisibilityActionNode = node)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
   }
   handleColumnReorder() {
-    this._fieldSortOrder = "default", this._fieldVisibilityPopoverNode && (this.removeFieldsPickList(), this._handleFieldVisibilityClick());
+    this._fieldSortOrder = "default";
+    if (this._fieldVisibilityPopoverNode) {
+      this.removeFieldsPickList();
+      this._handleFieldVisibilityClick();
+    }
   }
   _handleFieldVisibilityClick() {
-    if (this._fieldVisibilityPopoverNode)
+    if (this._fieldVisibilityPopoverNode) {
       return;
-    const e = this.table?.tableTemplate?.columnTemplates;
-    if (this.layer && this.mapView && e && this._fieldVisibilityActionNode) {
+    }
+    const columnTemplates = this.table?.tableTemplate?.columnTemplates;
+    if (this.layer && this.mapView && columnTemplates && 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 fields = this.table.fieldColumns.map((c) => {
+        return {
+          alias: c.field.alias,
+          description: c.field.description,
+          name: c.field.name,
+          type: c.field.type
+        };
+      });
       if (this._hasAttachmentsEnabled(this.layer)) {
-        const s = "Attachments";
-        if (this._shouldShowField(s.toUpperCase(), !1)) {
-          if (!e.some((o) => o.fieldName.toUpperCase() === s.toUpperCase())) {
-            const o = {
-              fieldName: s,
+        const attachments = "Attachments";
+        if (this._shouldShowField(attachments.toUpperCase(), false)) {
+          if (!columnTemplates.some((ct) => ct.fieldName.toUpperCase() === attachments.toUpperCase())) {
+            const attachmentColumnTemplate = {
+              fieldName: attachments,
               type: "attachment",
-              visible: !0
+              visible: true
             };
-            e.push(o);
+            columnTemplates.push(attachmentColumnTemplate);
           }
-          t.push({
-            name: s,
+          fields.push({
+            name: attachments,
             alias: "Photos and files",
             type: "none",
-            description: s
+            description: attachments
           });
         }
       }
-      if (this.table.relatedRecordsEnabled && this.layer.relationships && this.layer.relationships.length > 0) {
-        const s = this.layer.parent;
-        this.layer.relationships.forEach((o) => {
-          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) {
-              a = o.name;
-              const n = {
-                fieldName: a,
+      const relationshipEnabled = this.table.relatedRecordsEnabled;
+      if (relationshipEnabled && this.layer.relationships && this.layer.relationships.length > 0) {
+        const parent = this.layer.parent;
+        this.layer.relationships.forEach((rel) => {
+          let name;
+          let shouldPush = this._shouldShowField(rel.name || "", true);
+          if (!columnTemplates.some((ct) => {
+            if (ct.fieldName.toLowerCase() === rel.name?.toLowerCase()) {
+              name = rel.name;
+              return true;
+            } else {
+              return false;
+            }
+          })) {
+            if (rel.name) {
+              name = rel.name;
+              const relationshipColumnTemplate = {
+                fieldName: name,
                 type: "relationship",
-                visible: !0
+                visible: true
               };
-              r = this._shouldShowField(a, !0), e.push(n);
+              shouldPush = this._shouldShowField(name, true);
+              columnTemplates.push(relationshipColumnTemplate);
             } else {
-              const n = [...s?.layers || [], ...s?.tables];
-              let d;
-              if (n.some((c) => c.layerId === o.relatedTableId ? (d = c, !0) : !1), d) {
-                a = d.title, o.name = a;
-                const c = {
-                  fieldName: a,
+              const allLayersAndTables = [...parent?.layers || [], ...parent?.tables];
+              let relItem;
+              allLayersAndTables.some((lt) => {
+                if (lt.layerId === rel.relatedTableId) {
+                  relItem = lt;
+                  return true;
+                }
+                return false;
+              });
+              if (relItem) {
+                name = relItem.title;
+                rel.name = name;
+                const relationshipColumnTemplate = {
+                  fieldName: name,
                   type: "relationship",
-                  visible: !0
+                  visible: true
                 };
-                r = this._shouldShowField(a, !0), e.push(c);
+                shouldPush = this._shouldShowField(name, true);
+                columnTemplates.push(relationshipColumnTemplate);
               }
             }
-          a && r && t.push({
-            name: a,
-            alias: `Related ${a}`,
-            type: "none",
-            description: `related:${a}`
-          });
+          }
+          if (name && shouldPush) {
+            fields.push({
+              name,
+              alias: `Related ${name}`,
+              type: "none",
+              description: `related:${name}`
+            });
+          }
         });
       }
-      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 p = this.table?.visibleColumns.map((s) => s.fieldName.startsWith("EsriFeatureTableRelationshipColumn") || s.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? s.effectiveLabel : s.fieldName);
-      i.selectedFields = e.reduce((s, o) => ((p ? p.indexOf(o.fieldName) > -1 : o.visible) && s.push(o.fieldName), s), []), this._selectedFields = i.selectedFields, i.style.minHeight = "340px", i.popoverProps = {
+      const popover = !this._fieldVisibilityPopoverNode ? document.createElement("arcgis-field-pick-list") : this._fieldVisibilityPopoverNode;
+      popover.layer = this.layer;
+      popover.fields = fields;
+      popover.showFieldInfo = true;
+      popover.showFieldName = true;
+      popover.showDescription = false;
+      popover.showSelectionAll = true;
+      popover.hideCancel = true;
+      popover.hideSort = false;
+      popover.showFilterLength = 5;
+      popover.multiple = true;
+      popover.heading = this._translations.fieldVisibility;
+      popover.okBtnText = this._translations.doneWithFieldChanges;
+      popover.filterPlaceholderText = this._translations.filterFields;
+      popover.sortBy = this._fieldSortOrder ?? "default";
+      const visibleFields = this.table?.visibleColumns.map((vc) => {
+        return vc.fieldName.startsWith("EsriFeatureTableRelationshipColumn") ? vc.effectiveLabel : vc.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? vc.effectiveLabel : vc.fieldName;
+      });
+      popover.selectedFields = columnTemplates.reduce((prev, cur) => {
+        if (visibleFields ? visibleFields.indexOf(cur.fieldName) > -1 : cur.visible) {
+          prev.push(cur.fieldName);
+        }
+        return prev;
+      }, []);
+      this._selectedFields = popover.selectedFields;
+      popover.style.minHeight = "340px";
+      popover.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, 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", () => {
-        this._closePopovers(), setTimeout(() => this._fieldVisibilityActionNode.setFocus(), 200);
-      }), document.body.appendChild(i), this._fieldVisibilityPopoverNode = i, setTimeout(() => document.addEventListener("click", this._fieldVisibilityPopoverClickHandler), 200);
+        triggerDisabled: false,
+        autoClose: false
+      };
+      popover.addEventListener("arcgisChange", (event) => {
+        event.stopPropagation();
+        const updatedFieldNames = event.detail.selectedFields;
+        const added = this._getDifference(updatedFieldNames, this._selectedFields);
+        const removed = this._getDifference(this._selectedFields, updatedFieldNames);
+        const diffs = added.concat(removed);
+        diffs.forEach((fieldName) => {
+          const relationships = this.layer?.relationships?.map((rel) => rel.name) || [];
+          if (fieldName === "Attachments") {
+            const attachmentsColumn = this.table.columns.find((column) => "onShowAttachments" in column);
+            attachmentsColumn.hidden = removed.indexOf(fieldName) > -1;
+          } else if (relationships.indexOf(fieldName) > -1) {
+            const relationshipColumns = this.table.columns.filter((column) => "relationshipId" in column);
+            relationshipColumns.forEach((relationshipColumn) => {
+              removed.indexOf(fieldName) > -1;
+              if (fieldName == relationshipColumn.effectiveLabel) {
+                relationshipColumn.hidden = removed.indexOf(fieldName) > -1;
+              }
+            });
+          } else {
+            this.table.toggleColumnVisibility(fieldName);
+          }
+        });
+        this._selectedFields = updatedFieldNames;
+        this._updateTable(this.table.tableTemplate);
+      });
+      popover.addEventListener("arcgisSortByChange", (event) => {
+        event.stopPropagation();
+        this._fieldSortOrder = event.detail;
+        this._sortFields(event.detail);
+      });
+      popover.addEventListener("arcgisClose", () => {
+        this._closePopovers();
+        setTimeout(() => this._fieldVisibilityActionNode.setFocus(), 200);
+      });
+      document.body.appendChild(popover);
+      this._fieldVisibilityPopoverNode = popover;
+      setTimeout(() => document.addEventListener("click", this._fieldVisibilityPopoverClickHandler), 200);
     }
   }
-  _shouldShowField(e, t) {
-    return (this.configExtraFields || []).some((l) => t ? l.replace("related:", "").toUpperCase() === e.toUpperCase() : l.toUpperCase() === e.toUpperCase());
+  _shouldShowField(name, isRelatedField) {
+    return (this.configExtraFields || []).some((f) => isRelatedField ? f.replace("related:", "").toUpperCase() === name.toUpperCase() : f.toUpperCase() === name.toUpperCase());
   }
   removeFieldsPickList() {
-    this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
+    if (this._fieldVisibilityPopoverNode) {
+      document.body.removeChild(this._fieldVisibilityPopoverNode);
+      this._fieldVisibilityPopoverNode = void 0;
+    }
   }
-  _sortFields(e) {
-    const t = this.table.tableTemplate.columnTemplates, l = this._getSortOrder(e), p = t.filter((o) => o.type !== "attachment" && o.type !== "relationship").sort((o, a) => {
-      const r = l.indexOf(o.fieldName), n = l.indexOf(a.fieldName);
-      return r === -1 && n !== -1 ? 1 : r !== -1 && n === -1 ? -1 : r === -1 && n === -1 ? 0 : r - n;
-    }), s = t.filter((o) => o.type === "attachment" || o.type === "relationship");
-    this.tableRef.setColumnOrder([...p, ...s]), this._updateTable(this.table.tableTemplate);
+  _sortFields(type) {
+    const columnTemplates = this.table.tableTemplate.columnTemplates;
+    const order = this._getSortOrder(type);
+    const columns = columnTemplates.filter((_ct) => {
+      return _ct.type !== "attachment" && _ct.type !== "relationship";
+    });
+    const sortedColumns = columns.sort((a, b) => {
+      const indexA = order.indexOf(a.fieldName);
+      const indexB = order.indexOf(b.fieldName);
+      if (indexA === -1 && indexB !== -1)
+        return 1;
+      if (indexA !== -1 && indexB === -1)
+        return -1;
+      if (indexA === -1 && indexB === -1)
+        return 0;
+      return indexA - indexB;
+    });
+    const specialColumns = columnTemplates.filter((_ct) => {
+      return _ct.type === "attachment" || _ct.type === "relationship";
+    });
+    this.tableRef.setColumnOrder([...sortedColumns, ...specialColumns]);
+    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);
+  _getSortOrder(lastSortBy) {
+    const tempSorted = [...this.layer.fields];
+    if (lastSortBy === "display") {
+      tempSorted.sort((a, b) => a.alias.localeCompare(b.alias));
+    } else if (lastSortBy === "field") {
+      tempSorted.sort((a, b) => a.name.localeCompare(b.name));
+    } else if (lastSortBy === "type") {
+      tempSorted.sort((a, b) => a.type.localeCompare(b.type));
+    }
+    return tempSorted.map((t) => t.name);
   }
-  _getDifference(e, t) {
-    return e.filter((l) => !t.includes(l));
+  _getDifference(a, b) {
+    return a.filter((s) => !b.includes(s));
   }
-  _updateTable(e) {
-    this.table.tableTemplate = e, this._isStandardView() && this._syncAttributeTableTemplate();
+  _updateTable(tableTemplate) {
+    this.table.tableTemplate = tableTemplate;
+    if (this._isStandardView()) {
+      this._syncAttributeTableTemplate();
+    }
   }
   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 layer = this.table.layer;
+    if (layer.attributeTableTemplate) {
+      const { _modules } = this;
+      const updatedAttributeTableTemplate = layer.attributeTableTemplate.clone();
+      _modules?.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, updatedAttributeTableTemplate);
+      if (JSON.stringify(updatedAttributeTableTemplate) !== JSON.stringify(layer.attributeTableTemplate)) {
+        layer.attributeTableTemplate = updatedAttributeTableTemplate;
+      }
     }
-    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();
+    if (layer.attributeTableTemplate?.orderByFields?.length > 1) {
+      const updatedAttributeTableTemplate = layer.attributeTableTemplate.clone();
+      const activeSortField = this.table.activeSortOrders[0];
+      updatedAttributeTableTemplate.orderByFields = [
+        { field: activeSortField.fieldName, order: activeSortField.direction }
+      ];
+      layer.attributeTableTemplate = updatedAttributeTableTemplate;
+      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);
+    const currentSortFieldName = this.table.activeSortOrders[0]?.fieldName;
+    this.table.columns.forEach((column) => {
+      if ("fieldName" in column && column.fieldName !== currentSortFieldName) {
+        column.direction = void 0;
+      }
+    });
+    this.table.tableTemplate?.columnTemplates.forEach((template) => {
+      if ("fieldName" in template && template.fieldName !== currentSortFieldName) {
+        template.direction = void 0;
+      }
     });
   }
   _isStandardView() {
     return !this.table.relatedTable && !this.table.attachmentsViewOptions.objectId;
   }
   _closePopovers() {
-    document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler), this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
+    document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
+    if (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(node, message) {
+    const tooltip = document.createElement("calcite-tooltip");
+    tooltip.className = "table-tooltip";
+    tooltip.referenceElement = node;
+    tooltip.placement = "trailing-start";
+    tooltip.open = true;
+    const div = document.createElement("div");
+    div.className = "tooltip";
+    div.innerHTML = message;
+    tooltip.append(div);
+    document.body.append(tooltip);
   }
   _removeTableTooltip() {
-    document.querySelectorAll(".table-tooltip").forEach((e) => e.parentNode?.removeChild(e));
+    document.querySelectorAll(".table-tooltip").forEach((tooltip) => tooltip.parentNode?.removeChild(tooltip));
   }
-  _isInNode(e, t) {
-    for (; e; ) {
-      if (e.nodeName === t.toUpperCase())
-        return !0;
-      e = e.parentElement;
+  _isInNode(node, nodeName) {
+    while (node) {
+      if (node.nodeName === nodeName.toUpperCase()) {
+        return true;
+      }
+      node = node.parentElement;
     }
-    return !1;
+    return false;
   }
-  _hasAttachmentsEnabled(e) {
-    if (!e?.capabilities)
-      return !1;
-    const { capabilities: { data: { supportsAttachment: t }, operations: { supportsQueryAttachments: l } } } = e;
-    return t && l;
+  _hasAttachmentsEnabled(layer) {
+    if (!layer?.capabilities) {
+      return false;
+    }
+    const { capabilities: { data: { supportsAttachment }, operations: { supportsQueryAttachments } } } = layer;
+    return supportsAttachment && supportsQueryAttachments;
   }
 }
-f("field-selection", C);
+customElement("field-selection", FieldSelection);
 export {
-  C as FieldSelection
+  FieldSelection
 };

package/dist/components/info-card/customElement.d.ts

@@ -47,7 +47,7 @@ export abstract class InfoCard extends LitElement {
    * @default false
    */
   accessor enableSnapping: boolean;
-  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  /** esri/Graphic: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
   accessor graphics: __esri.Graphic[];
   /**
    * boolean: If true will highlights the features on map using Features Widget
@@ -67,7 +67,7 @@ export abstract class InfoCard extends LitElement {
    * @default false
    */
   accessor isMobile: boolean;
-  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
   /**
    * boolean: If true will show the pagination for multiple features