@arcgis/map-components 5.1.0-next.60 → 5.1.0-next.62

package/dist/components/arcgis-layer-list-new/layer-list-item/customElement.js

@@ -0,0 +1,139 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { html as c } from "lit";
+import { keyed as W } from "lit/directives/keyed.js";
+import { isLayerFromCatalog as he } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { safeClassMap as d, safeStyleMap as Ie, nothing as r, renderElement as Ae } from "@arcgis/lumina";
+import { classes as P } from "@arcgis/toolkit/dom";
+import { createRef as X, ref as Y } from "lit/directives/ref.js";
+import { g as Ce, b as ie } from "../../../chunks/action-utils.js";
+import { g as Te, i as Z, l as Se, a as Me, c as xe, b as Le, d as Ee } from "../../../chunks/layer-list-utils.js";
+import { s as ke } from "../../../chunks/component-utils.js";
+function D(i) {
+  return i && "visibilityMode" in i ? i.visibilityMode : null;
+}
+function ee(i, e) {
+  if (!("visible" in i))
+    return;
+  D(e) === "exclusive" && i.visible || (i.visible = !i.visible);
+}
+function we(i, e) {
+  i.panel.open = !i.panel.open, i.panel.open && e();
+}
+function Pe(i, e, n, u) {
+  i && n === e.layer?.uid && (ke(i), u?.(null));
+}
+function De(i, e, n) {
+  n.type === "toggle" && (n.value = !n.value), i(n, e);
+}
+function Fe(i) {
+  return i.actionsSections.map((e) => e.filter((n) => n.visible));
+}
+function le(i, e) {
+  const { icon: n } = e;
+  if (n)
+    return null;
+  const u = "image" in e ? e.image : void 0;
+  return u ? c`<span aria-hidden=true class=${d(P(i.itemActionIcon, { [i.itemActionImage]: !!u }))} style=${Ie(Ce(u))}></span>` : null;
+}
+function te(i, e, n) {
+  const { item: u, css: l, handleAction: y } = i, { active: A, disabled: f, title: g, type: C, indicator: v } = e, T = ie(e);
+  return c`<calcite-action .active=${C === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${f} .icon=${T} .indicator=${v} .loading=${A} @click=${() => De(y, u, e)} scale=s slot=${(n ? void 0 : "actions-end") ?? r} .text=${g ?? ""} .textEnabled=${n} title=${g ?? void 0 ?? r}>${le(l, e)}</calcite-action>`;
+}
+function Oe(i) {
+  const { item: e, parent: n, hideStatusIndicators: u, css: l, visibilityAppearance: y, hideCatalogLayerList: A, dragEnabled: f = !1, rootGroupUid: g, listModeDisabled: C = !1, selectionMode: v, displayMode: T, layerTablesEnabled: S, showErrors: ne, parentTitles: F, selectedItems: ae, activeItem: ce, handleCatalogOpen: oe, handleTablesOpen: se, selectedDragItemLayerUid: re, handleSelectedDragItemLayerUidChange: de, handlePanelOpen: ue, messages: a, setCurrentActiveItem: O, clearActiveItem: R } = i, $ = X(), M = X(), p = e.title || ("untitledTable" in a ? a.untitledTable : a.untitledLayer ?? "");
+  let V = null;
+  u || (V = Ae(c`<arcgis-layer-list-item-indicator .item=${e} .parent=${n} slot=content-end></arcgis-layer-list-item-indicator>`));
+  let G = null;
+  {
+    const { layer: t } = e, o = t && "persistenceEnabled" in t && (he(t) || !t.persistenceEnabled);
+    (i.showTemporaryLayerIndicators || i.showTemporaryTableIndicators) && o && (G = c`<calcite-icon class=${d(l.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${a.temporary ?? r}></calcite-icon>`);
+  }
+  let H = null;
+  if ("visible" in e && "visibleToggle" in l && y) {
+    const t = D(n);
+    if (t !== "inherited") {
+      const o = Te({
+        visible: e.visible,
+        exclusive: t === "exclusive",
+        visibilityAppearance: y
+      }), s = y === "checkbox", m = a.layerVisibility;
+      H = c`<calcite-action class=${d(l.visibleToggle)} .icon=${s ? o : void 0} @click=${() => ee(e, n)} .slot=${s ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? r}>${s ? null : c`<calcite-icon class=${d(P({
+        [l.visibleIcon]: t !== "exclusive" && e.visible
+      }))} .icon=${o} scale=s></calcite-icon>`}</calcite-action>`;
+    }
+  }
+  let U = null;
+  {
+    const t = e.panel;
+    t?.open && !t.disabled && !t.flowEnabled && (U = c`<div class=${d(l.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${i.view}></arcgis-layer-list-item-panel></div>`);
+  }
+  let q = null;
+  {
+    const t = e.panel;
+    if (t?.visible) {
+      const { open: o, title: s, disabled: m } = t, w = { icon: t.icon, image: t.image, indicator: !1 }, I = ie(w);
+      q = c`<calcite-action .active=${o} .disabled=${m} .icon=${I} @click=${() => we(e, ue)} slot=actions-end .text=${s ?? ""} title=${s ?? void 0 ?? r}>${le(l, t)}</calcite-action>`;
+    }
+  }
+  let B = null;
+  {
+    const t = e.layer, o = t?.type === "catalog-footprint", s = t?.type === "sublayer" && Z(t, "footprints");
+    "itemCatalogIcon" in l && (o || s) && (B = c`<calcite-icon class=${d(l.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
+  }
+  let N = null;
+  {
+    const t = e.layer, o = t?.type === "catalog-dynamic-group", s = t?.type === "sublayer" && Z(t, "layers-in-view");
+    "itemCatalogIcon" in l && (o || s) && (N = c`<calcite-icon class=${d(l.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`);
+  }
+  let _ = null;
+  if ("visible" in e) {
+    const t = e.layer;
+    !A && t?.type === "catalog-dynamic-group" && (_ = c`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => oe?.(e)} scale=s slot=actions-end .text=${p ?? ""}></calcite-action>`);
+  }
+  let j = null, x = !1;
+  {
+    const t = e.layer;
+    if (S && t)
+      switch (t.type) {
+        case "knowledge-graph":
+          x = S.includes(t.type) && "tables" in t && !!t.tables?.length;
+          break;
+        case "map-image":
+        case "tile":
+          x = S.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          break;
+      }
+    "itemTableIcon" in l && "visible" in e && "tables" in a && x && (j = W(`${e.uid}-tables`, c`<calcite-list-item class=${d(l.item)} data-layer-id=${t?.id ?? r} drag-disabled .label=${a.tables} title=${a.tables ?? r} @calciteListItemSelect=${() => se?.(e)} .value=${e}><calcite-icon class=${d(l.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+  }
+  let z = null;
+  if ("children" in e) {
+    const t = [...F ?? [], e.title], { children: o, layer: s } = e, m = s?.type !== "catalog-dynamic-group" && Se(e), w = C ? !1 : Me(s), I = s?.type === "group", ye = !w && !m && f && I, ve = f && "childrenSortable" in e && e.childrenSortable && xe(e), fe = m ? o?.filter((b) => !b.hidden && (ne || !b.error)).toArray().map((b) => Oe({ ...i, item: b, parent: e, parentTitles: t })) : null;
+    (m || ye) && (z = c`<calcite-list .canPull=${(b) => i.canMove ? i.canMove(b, "pull") : !1} .canPut=${(b) => i.canMove ? i.canMove(b, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${g ?? r} .displayMode=${T} .dragEnabled=${ve} .group=${I ? g : `${g}-${s?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${fe}${j}</calcite-list>`);
+  }
+  let L = null;
+  e.error ? L = c`<div class=${d(l.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError" in a ? a.tableError : a.layerError}</div></calcite-notice></div>` : "incompatible" in e && e.incompatible && "layerIncompatible" in a && (L = c`<div class=${d(l.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${Y(M)}><div slot=message>${a.layerIncompatible}</div></calcite-notice></div>`);
+  const J = Fe(e), E = e.actionsSections.reduce((t, o) => t + o.length, 0), K = Le(J), me = J.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((o) => te(i, o, !0))}</calcite-action-group>`), be = (t) => {
+    e.actionsOpen = t.currentTarget.open;
+  };
+  let Q = null;
+  E > 1 && (Q = c`<calcite-action-menu appearance=transparent .label=${a.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${be}><calcite-action icon=ellipsis scale=s slot=trigger .text=${a.options ?? ""} title=${a.options ?? r}></calcite-action>${me}</calcite-action-menu>`);
+  let k = null;
+  E === 1 && K ? k = te(i, K, !1) : E > 1 && (k = Q);
+  const $e = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in a && !e.visibleAtCurrentTimeExtent ? `${p} (${a.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in a && !e.visibleAtCurrentScale ? `${p} (${a.layerInvisibleAtScale})` : p, ge = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, pe = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
+  return queueMicrotask(() => {
+    Pe($.value ?? null, e, re, de), M.value && (i.handleTooltipReferenceChange?.(h?.uid, M.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(h?.uid, null))), e.panel && (e.panel.container = $.value);
+  }), W(e.uid, c`<calcite-list-item class=${d(P(l.item, "itemActive" in l && { [l.itemActive]: ce?.uid === e.uid }))} data-item=${e.uid ?? r} data-layer-id=${h?.id ?? r} .dragDisabled=${!("sortable" in e && e.sortable) || ge} id=${h?.uid ?? r} .label=${p} .metadata=${{ parentTitles: F ?? [], _title: p }} .expanded=${"open" in e && e.open} .selected=${v !== "none" ? ae.includes(e) : !1} title=${$e ?? r} .unavailable=${pe} .value=${e} @focusin=${() => {
+    O?.(e), $.value?.classList.add(l.itemActive);
+  }} @focusout=${() => {
+    R?.(), $.value?.classList.remove(l.itemActive);
+  }} @mouseover=${() => {
+    O?.(e), $.value?.classList.add(l.itemActive);
+  }} @mouseleave=${() => {
+    R?.(), $.value?.classList.remove(l.itemActive);
+  }} @calciteListItemSelect=${(t) => "visible" in e && Ee(t.currentTarget, i.operationalItems) === e && v === "none" && D(n) !== "inherited" && ee(e, n)} @calciteListItemToggle=${(t) => {
+    "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
+  }} ${Y($)}>${B}${N}${V}${H}${_}${G}${z}${L}${U}${q}${k}</calcite-list-item>`);
+}
+export {
+  Oe as ArcgisLayerListItem
+};

package/dist/components/{arcgis-layer-list-item → arcgis-layer-list-new/layer-list-item}/index.js

@@ -1,9 +1,10 @@
-import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-action-menu";
-import "@esri/calcite-components/components/calcite-action-group";
-import "@esri/calcite-components/components/calcite-list";
+import "../../arcgis-layer-list-item-indicator/index.js";
+import "@esri/calcite-components/components/calcite-icon";
+import "../../arcgis-layer-list-item-panel/index.js";
 import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-notice";
-import ".//index.js";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action-menu";
 export * from "./customElement.js";

package/dist/components/arcgis-legend-card-color-ramp/customElement.js

@@ -4,7 +4,7 @@ import { css as y, html as s } from "lit";
 import { LitElement as v, safeClassMap as $, safeStyleMap as u } from "@arcgis/lumina";
 import { classes as L } from "@arcgis/toolkit/dom";
 import { r as b } from "../../chunks/svgUtils.js";
-import { a as x } from "../../chunks/utils.js";
+import { a as x } from "../../chunks/utils2.js";
 const w = y`:host{display:flex}.layer-row{display:flex;flex:1}.color-ramp-container{justify-content:center}.symbol-container{display:flex;flex-direction:column}.interval-separators-container{text-align:center}.interval-separator{font-size:.5em}.ramp-label{margin:0 .5em;white-space:nowrap;height:25px;line-height:var(--calcite-font-line-height-fixed-xl)}`, R = 25, E = 25, _ = 100;
 class S extends v {
   constructor() {

package/dist/components/arcgis-legend-card-element/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as L, safeClassMap as c, safeStyleMap as u, nothing as b } f
 import { classes as r } from "@arcgis/toolkit/dom";
 import { H as f } from "../../chunks/heading.js";
 import { g as w } from "../../chunks/globalCss.js";
-import { b as _, s as $, i as z, c as v, g as x } from "../../chunks/utils.js";
+import { b as _, s as $, i as z, c as v, g as x } from "../../chunks/utils2.js";
 const C = k`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.section{word-break:break-word;word-wrap:break-word;padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);min-width:250px;max-width:500px;height:100%;height:-moz-available;height:-webkit-fill-available;height:fill-available;overflow:auto;font-size:var(--calcite-font-size-sm)}.carousel-title-container{margin-bottom:var(--calcite-spacing-sm)}.carousel-title{margin:0}.section-title{font-weight:var(--calcite-font-weight-normal)}.layer-caption{padding:var(--calcite-spacing-xs) 0;margin:0;font-weight:var(--calcite-font-weight-normal)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.image-label{padding-right:var(--calcite-spacing-xs);padding-left:var(--calcite-spacing-xs)}.label-element{margin:.1em;padding:.5em 1em;min-width:2em;min-height:1em;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.layer-row{display:flex;align-items:center}.symbol{display:block;margin:auto}.pie-chart-ramp-preview{display:flex;justify-content:center}.relationship-container{display:flex;flex-direction:column}.relationship-container .layer-row{padding-bottom:.5em}.relationship-container .layer-row:last-child{padding-bottom:0}.container{display:flex;gap:var(--calcite-spacing-sm);flex-wrap:wrap}.background-styles-container{display:flex;flex-wrap:wrap}:host([stacked]) .container{display:table}:host([stacked]) .symbol-row{display:table-row;width:100%}:host([stacked]) .label-cell{display:table-cell;vertical-align:middle;padding:var(--calcite-spacing-xxs)}:host([stacked]) .symbol-cell{display:table-cell;vertical-align:middle;text-align:center;padding:var(--calcite-spacing-xxs)}:host([stacked]) .symbol-cell div{display:flex;align-items:center;justify-content:center}`;
 function F(p) {
   return p ? p.r * 0.299 + p.g * 0.587 + p.b * 0.114 >= 127 : void 0;

package/dist/components/arcgis-legend-card-size-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as C } from "../../chunks/runtime.js";
 import { css as P, html as X } from "lit";
 import { LitElement as j, safeStyleMap as v, safeClassMap as Y } from "@arcgis/lumina";
-import { s as k, g as I, p as R } from "../../chunks/utils.js";
+import { s as k, g as I, p as R } from "../../chunks/utils2.js";
 const A = P`.size-ramp-container{display:flex;align-items:center;justify-content:center}.size-ramp-vertical-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.size-ramp-label{margin:0 .5em;white-space:nowrap}.size-ramp-vertical-ramp{display:flex;flex-direction:column;align-items:center}.size-ramp-ramp{display:flex;flex-direction:row-reverse;align-items:center}.size-ramp-preview{display:flex}`, M = "#ddd";
 function N(e) {
   if (!e)

package/dist/components/arcgis-legend-classic-color-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as r } from "../../chunks/runtime.js";
 import { css as s, html as t } from "lit";
 import { LitElement as c, safeStyleMap as p, safeClassMap as n } from "@arcgis/lumina";
-import { s as o, a as m } from "../../chunks/utils.js";
+import { s as o, a as m } from "../../chunks/utils2.js";
 const d = s`.layer-row{display:flex}.layer-cell{padding:var(--calcite-spacing-xxs) 0;vertical-align:middle;word-break:break-word}.layer-cell-symbols{text-align:center}.layer-cell-info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.ramps{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .ramps{margin-right:var(--calcite-spacing-sm);margin-left:auto}.color-ramp{width:24px}.opacity-ramp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkM3N0RBQzA4QkVDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY4RkNFNjM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY4RkNFNTM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SLS5VAAAAKElEQVR42mI8c+YMAwwYGxvD2UwMOADpEoz///+Hc86ePUsLOwACDABC1ghwV8TLOQAAAABJRU5ErkJggg==)}.ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.ramp-label{position:relative;padding:0 var(--calcite-spacing-sm);line-height:var(--calcite-font-size-sm);white-space:nowrap;font-size:var(--calcite-font-size-sm)}.ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent var(--calcite-color-text-1) transparent transparent;width:0;height:0;content:""}.ramp-label:first-child{margin-top:calc(var(--calcite-font-size-sm) / 3 * -1)}.ramp-label:last-child{bottom:calc(var(--calcite-font-size-sm) * .25 * -1)}.layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0}:dir(rtl) .ramp-label:before{right:auto;left:100%;border-width:3px 0 3px 4px;border-color:transparent transparent transparent var(--calcite-color-text-1)}`;
 class g extends c {
   constructor() {

package/dist/components/arcgis-legend-classic-element/customElement.js

@@ -3,7 +3,7 @@ import { c as v } from "../../chunks/runtime.js";
 import { css as $, html as s } from "lit";
 import { LitElement as u, safeClassMap as n, nothing as c, safeStyleMap as w } from "@arcgis/lumina";
 import { classes as g } from "@arcgis/toolkit/dom";
-import { b as E, s as p, i as f, c as d, g as y } from "../../chunks/utils.js";
+import { b as E, s as p, i as f, c as d, g as y } from "../../chunks/utils2.js";
 const L = $`.layer-table{display:table;margin-bottom:var(--calcite-spacing-md);width:100%}.layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0;word-break:break-word}.layer-body{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .layer-body{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}.layer-row{display:table-row}.layer-cell{padding:var(--calcite-spacing-xxs) 0;vertical-align:middle;word-break:break-word;display:table-cell}.layer-cell-info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.imagery-layer-info-stretched{padding:0 2px;vertical-align:top}.layer-cell-symbols{text-align:center}.symbol{display:flex;justify-content:center}`;
 class x extends u {
   static {

package/dist/components/arcgis-legend-classic-size-ramp/customElement.js

@@ -3,7 +3,7 @@ import { c as t } from "../../chunks/runtime.js";
 import { css as n, html as i } from "lit";
 import { LitElement as m, safeClassMap as r } from "@arcgis/lumina";
 import { classes as l } from "@arcgis/toolkit/dom";
-import { c, s as o, g as p } from "../../chunks/utils.js";
+import { c, s as o, g as p } from "../../chunks/utils2.js";
 const d = n`.size-ramp-container{margin-left:var(--calcite-spacing-sm);display:table}:dir(rtl) .size-ramp-container{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}.size-ramp-row{display:table-row}.size-ramp-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word;display:table-cell}.size-ramp-label{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.size-ramp-symbol-container{min-width:10px;text-align:center}.size-ramp-symbol{display:flex;justify-content:center}`;
 class g extends m {
   constructor() {

package/dist/components/arcgis-legend-spike-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as W } from "../../chunks/runtime.js";
 import { css as X, html as g } from "lit";
 import { LitElement as Y, safeStyleMap as b } from "@arcgis/lumina";
-import { s as A, g as z, p as k } from "../../chunks/utils.js";
+import { s as A, g as z, p as k } from "../../chunks/utils2.js";
 const C = X`.spike-ramp-container{display:flex;flex-direction:row;gap:var(--calcite-spacing-sm-plus);margin-left:var(--calcite-spacing-sm)}.spike-ramp-preview-container{display:flex;position:relative;gap:var(--calcite-spacing-sm-plus);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);padding:0 var(--calcite-spacing-xl)}.spike-ramp-preview{display:flex;gap:var(--calcite-spacing-sm-plus);align-items:end}.spike-ramp-symbol-preview{display:flex}.spike-ramp-lines{display:flex;position:absolute;bottom:0}.spike-ramp-labels-container{display:flex;position:relative;top:-5px;flex:1;min-width:120px}.spike-ramp-label{position:relative;padding:0 var(--calcite-spacing-sm);line-height:1em;word-break:break-all;font-size:var(--calcite-font-size-sm)}.spike-ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent var(--calcite-color-text-1) transparent transparent;width:0;height:0;content:""}`, I = "#ddd", e = window.devicePixelRatio;
 function u(m) {
   return m.infos.filter((r, l) => l % 2 === 0);

package/dist/components/arcgis-print-format-select/customElement.js

@@ -3,7 +3,7 @@ import { c as m } from "../../chunks/runtime.js";
 import { html as i } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as f } from "@arcgis/lumina";
-import { f as n } from "../../chunks/utils2.js";
+import { f as n } from "../../chunks/utils3.js";
 class c extends f {
   constructor() {
     super(...arguments), this._formats = [];

package/dist/components/arcgis-print-main-panel/customElement.js

@@ -2,7 +2,7 @@
 import { c as s } from "../../chunks/runtime.js";
 import { css as i, html as a } from "lit";
 import { LitElement as l } from "@arcgis/lumina";
-import { i as o } from "../../chunks/utils2.js";
+import { i as o } from "../../chunks/utils3.js";
 import { u as c } from "../../chunks/useHandles.js";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 const n = i`:host{display:flex;flex-direction:column;flex-grow:1}calcite-tabs{flex-grow:1}calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;

package/dist/components/arcgis-print-template-select/customElement.js

@@ -4,7 +4,7 @@ import { css as i, html as l } from "lit";
 import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as c } from "@arcgis/lumina";
 import { u as o } from "../../chunks/useHandles.js";
-import { g as r, a as n, b as m } from "../../chunks/utils2.js";
+import { g as r, a as n, b as m } from "../../chunks/utils3.js";
 import { useDirection as p } from "@arcgis/lumina/controllers";
 const d = i`.template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.template-select-container .template-select-error,.template-select-container .template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`;
 class h extends c {

package/dist/components/arcgis-print-template-selector/customElement.js

@@ -3,7 +3,7 @@ import { c as m } from "../../chunks/runtime.js";
 import { css as p, html as l } from "lit";
 import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as h, nothing as u } from "@arcgis/lumina";
-import { i as o, r as g, a as v, g as f, b as T } from "../../chunks/utils2.js";
+import { i as o, r as g, a as v, g as f, b as T } from "../../chunks/utils3.js";
 import { u as w } from "../../chunks/useHandles.js";
 const $ = p`:host{overflow-y:hidden;display:flex;flex:1 0}.template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.template-select-flow-item-container .template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.template-select-flow-item-container .template-select-flow-item-content .template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.template-button-container{padding:var(--calcite-spacing-md)}.template-done-button{width:100%}`;
 class y extends h {

package/dist/components/arcgis-table-list/customElement.d.ts

@@ -1,18 +1,22 @@
 /// <reference path="../../index.d.ts" />
-import type SceneView from "@arcgis/core/views/SceneView.js";
-import type MapView from "@arcgis/core/views/MapView.js";
+import type Collection from "@arcgis/core/core/Collection.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
 import type TableListListItem from "@arcgis/core/widgets/TableList/ListItem.js";
-import type Collection from "@arcgis/core/core/Collection.js";
 import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
 import type ListItem from "@arcgis/core/widgets/TableList/ListItem.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type { TableListViewModelTriggerActionEvent } from "@arcgis/core/widgets/TableList/TableListViewModel.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { TableListViewModelTriggerActionEvent } from "@arcgis/core/widgets/TableList/TableListViewModel.js";
 import type { FilterPredicate } from "@arcgis/core/widgets/TableList.js";
+import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { ListItemModifier, State } from "@arcgis/core/widgets/TableList/types.js";
+import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 
 /**
  * The Table List component provides a way to display a list of tables associated with a [Map](https://developers.arcgis.com/javascript/latest/references/core/Map/).
@@ -137,6 +141,7 @@ export abstract class ArcgisTableList extends LitElement {
    * ```
    */
   accessor filterText: string;
+  accessor headingLevel: HeadingLevel;
   /**
    * Indicates whether the status indicators will be displayed.
    *
@@ -301,6 +306,8 @@ export abstract class ArcgisTableList extends LitElement {
   get state(): State;
   /** The collection of table ListItems displayed within the component. */
   get tableItems(): Collection<TableListListItem>;
+  /** @internal */
+  accessor tables: ReadonlyCollection<Layer | Sublayer> | null | undefined;
   /**
    * The view associated with the component. 
    *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-table-list component will be associated with a map or scene component rather than using the `view` property.

package/dist/components/arcgis-table-list/customElement.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
-import r from "@arcgis/core/widgets/TableList.js";
-import { LitElement as o, createEvent as a } from "@arcgis/lumina";
-import { m as s } from "../../chunks/useWidget.js";
-import { css as n } from "lit";
-import { u as l } from "../../chunks/useCloseEvent.js";
-const c = n`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-table-list{display:flex;width:100%}.esri-table-list__filter-no-results{padding:12px 15px}.esri-table-list__item{--calcite-list-item-icon-center: 8.5px}.esri-table-list__status-indicator{visibility:hidden;color:var(--calcite-color-text-1);margin-inline:0}.esri-table-list__item-action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 16px;width:16px;height:16px;font-size:var(--calcite-font-size)}.esri-table-list__action-menu .esri-table-list__action-group{display:none}.esri-table-list__action-menu[open] .esri-table-list__action-group{display:flex}.esri-table-list__publishing{visibility:visible;color:var(--calcite-color-text-3);animation:2s infinite esri-table-layer-list__publishing-anim}.esri-table-list__item-content-bottom{margin:12px 15px}.esri-table-list__item-content-bottom .esri-legend__service{padding:0 0 12px}.esri-table-list__item-message{margin:12px 15px}@keyframes esri-table-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`, d = s(r);
-class p extends o {
+import t from "@arcgis/core/widgets/TableList.js";
+import { LitElement as i, createEvent as r } from "@arcgis/lumina";
+import { usePropertyChange as o } from "@arcgis/lumina/controllers";
+import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
+import { u as s } from "../../chunks/useCloseEvent.js";
+import { m as n } from "../../chunks/useWidget.js";
+import { css as l } from "lit";
+const c = l`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-table-list{display:flex;width:100%}.esri-table-list__filter-no-results{padding:12px 15px}.esri-table-list__item{--calcite-list-item-icon-center: 8.5px}.esri-table-list__status-indicator{visibility:hidden;color:var(--calcite-color-text-1);margin-inline:0}.esri-table-list__item-action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 16px;width:16px;height:16px;font-size:var(--calcite-font-size)}.esri-table-list__action-menu .esri-table-list__action-group{display:none}.esri-table-list__action-menu[open] .esri-table-list__action-group{display:flex}.esri-table-list__publishing{visibility:visible;color:var(--calcite-color-text-3);animation:2s infinite esri-table-layer-list__publishing-anim}.esri-table-list__item-content-bottom{margin:12px 15px}.esri-table-list__item-content-bottom .esri-legend__service{padding:0 0 12px}.esri-table-list__item-message{margin:12px 15px}@keyframes esri-table-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`, d = n(t);
+class p extends i {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.arcgisClose = l(this), this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.map = this.widget.map, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.showTemporaryTableIndicators = this.widget.visibleElements.temporaryTableIndicators, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.arcgisClose = s(this), this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.map = this.widget.map, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.showTemporaryTableIndicators = this.widget.visibleElements.temporaryTableIndicators, this.tables = this.viewModel.tables, this.arcgisPropertyChange = o()("state"), this.arcgisReady = r(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, closed: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, icon: 1, label: 1, listItemCreatedFunction: 0, map: 0, minDragEnabledItems: 9, minFilterItems: 9, referenceElement: 1, selectedItems: 0, selectionMode: 1, state: 32, tableItems: 32, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5, view: 0 };
+    this.properties = { autoDestroyDisabled: 5, closed: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, icon: 1, label: 1, listItemCreatedFunction: 0, map: 0, minDragEnabledItems: 9, minFilterItems: 9, referenceElement: 1, selectedItems: 0, selectionMode: 1, state: 32, tableItems: 32, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5, tables: 0, view: 0 };
   }
   static {
     this.styles = c;

package/dist/components/arcgis-utility-network-trace-results/customElement.js

@@ -3,8 +3,8 @@ import { c as _ } from "../../chunks/runtime.js";
 import b from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
 import "@arcgis/core/Graphic.js";
-import { LitElement as v, createEvent as n } from "@arcgis/lumina";
-import { log as u, composeMissingPropertyMessage as m, composeEmptyPropertyMessage as $ } from "@arcgis/toolkit/log";
+import { LitElement as v, createEvent as o } from "@arcgis/lumina";
+import { log as h, composeMissingPropertyMessage as m, composeEmptyPropertyMessage as $ } from "@arcgis/toolkit/log";
 import { css as F, html as r } from "lit";
 import { createRef as w, ref as g } from "lit/directives/ref.js";
 import { u as L } from "../../chunks/useT9n.js";
@@ -17,32 +17,32 @@ const E = F`:host{min-height:var(--arcgis-internal-panel-height-sm, 240px);heigh
 class G extends v {
   constructor() {
     super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = L({ blocking: !0 }), this._elementsWithoutLayer = [], this._popoverRef = w(), this._featuresFromSelectedLayer = [], this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._compareByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
-      const s = e[0].feature.layer, a = t[0].feature.layer, c = s?.title ?? "", i = a?.title ?? "";
-      return c.localeCompare(i, void 0, { numeric: !0 });
+      const s = e[0].feature.layer, a = t[0].feature.layer, l = s?.title ?? "", i = a?.title ?? "";
+      return l.localeCompare(i, void 0, { numeric: !0 });
     }, this._queryFeaturesOnLayer = async ([e, t]) => {
-      const s = this.utilityNetwork?.getLayerIdBySourceId(e), a = this._getLayerByLayerId(s), c = this._getElementsUniqueByGlobalId(t);
+      const s = this.utilityNetwork?.getLayerIdBySourceId(e), a = this._getLayerByLayerId(s), l = this._getElementsUniqueByGlobalId(t);
       if (s == null || !a) {
-        this._elementsWithoutLayer.push(...c);
+        this._elementsWithoutLayer.push(...l);
         return;
       }
       const i = a.createQuery();
-      i.gdbVersion = this.utilityNetwork?.gdbVersion, i.objectIds = c.map((l) => l.objectId), i.outFields = ["*"];
-      const { features: h } = await C(a, i), o = await Promise.all(h.map(async (l) => {
-        const d = l.layer;
-        if (l.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled) || (l.popupTemplate = d.createPopupTemplate()), d && "getFeatureTitle" in d) {
-          const f = await d.getFeatureTitle(l) || y(l);
-          return { feature: l, label: f };
+      i.gdbVersion = this.utilityNetwork?.gdbVersion, i.objectIds = l.map((c) => c.objectId), i.outFields = ["*"];
+      const { features: n } = await C(a, i), d = await Promise.all(n.map(async (c) => {
+        const u = c.layer;
+        if (c.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled) || (c.popupTemplate = u.createPopupTemplate()), u && "getFeatureTitle" in u) {
+          const f = await u.getFeatureTitle(c) || y(c);
+          return { feature: c, label: f };
         }
-        return { feature: l, label: y(l) };
+        return { feature: c, label: y(c) };
       }));
-      T(a) ? o.forEach((l) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, l.feature.layer.subtypeCode, l)) : this._layerIdToFeatures.set(s, o);
+      T(a) ? d.forEach((c) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, c.feature.layer.subtypeCode, c)) : this._layerIdToFeatures.set(s, d);
     }, this._aggregateGeometryRefChange = (e) => {
       e && (this._aggregatedGeometryComponentElement = e);
     }, this._featuresRefChange = (e) => {
       e && (this._featuresComponentElement = e);
     }, this._handleFeaturesPropertyChange = (e) => {
       e.detail.name === "features" && (this.features = e.target.features);
-    }, this.features = [], this._aggregatedGeometryDisabled = !1, this.aggregatedGeometryGraphicsColor = new b([255, 255, 0, 0.6]), this.hideActionBar = !1, this.hideFeatureResults = !1, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.autoDestroyDisabled = !1, this.arcgisAggregatedGeometryGraphicsColorChange = n(), this.arcgisHideGraphicsChange = n(), this.arcgisSelectedLayerChange = n(), this.arcgisSelectedResultTypeChange = n(), this.arcgisTraceResultFeaturesReady = n(), this._renderLayerListItem = ([, e]) => {
+    }, this.features = [], this._aggregatedGeometryDisabled = !1, this.aggregatedGeometryGraphicsColor = new b([255, 255, 0, 0.6]), this.hideActionBar = !1, this.hideFeatureResults = !1, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.autoDestroyDisabled = !1, this.arcgisAggregatedGeometryGraphicsColorChange = o(), this.arcgisHideGraphicsChange = o(), this.arcgisSelectedLayerChange = o(), this.arcgisSelectedResultTypeChange = o(), this.arcgisTraceResultFeaturesReady = o(), this._renderLayerListItem = ([, e]) => {
       if (!e.length)
         return null;
       const t = e[0].feature.layer, s = t?.title || this._messages.unknown;
@@ -81,7 +81,7 @@ class G extends v {
     e.has("isElementsSelected") && this.arcgisSelectedResultTypeChange.emit(), e.has("selectedLayer") && this.arcgisSelectedLayerChange.emit(), e.has("traceResult") && (this.isElementsSelected = !1, this.traceResult || (this.traceResultFeatures = [], this._elementsWithoutLayer = [])), (e.has("layers") || e.has("utilityNetwork")) && this._loadDependencies();
   }
   loaded() {
-    this.utilityNetwork || u("warn", this, m("utilityNetwork")), this.layers.length === 0 && u("warn", this, $("layers")), this.view || u("warn", this, m("view"));
+    this.utilityNetwork || h("warn", this, m("utilityNetwork")), this.layers.length === 0 && h("warn", this, $("layers")), this.view || h("warn", this, m("view"));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._layerIdToLayer.clear();
@@ -96,7 +96,7 @@ class G extends v {
     const { _layerIdToLayer: t, _unLayers: s } = this;
     if (t.get(e))
       return t.get(e);
-    const a = s.find((c) => "layerId" in c && c.layerId === e);
+    const a = s.find((l) => "layerId" in l && l.layerId === e);
     return a && t.set(e, a), a;
   }
   _getElementsUniqueByGlobalId(e) {
@@ -121,14 +121,14 @@ class G extends v {
       return;
     this.state = "loading";
     const t = e.map(this._queryFeaturesOnLayer);
-    (await Promise.allSettled(t)).forEach((i, h) => {
+    (await Promise.allSettled(t)).forEach((i, n) => {
       if (i.status === "rejected") {
-        const [o] = e[h];
-        u("error", this, `Failed to query features for source ${o}. Reason: ${i.reason}`);
+        const [d] = e[n];
+        h("error", this, `Failed to query features for source ${d}. Reason: ${i.reason}`);
       }
     });
-    const a = Array.from(this._layerIdToFeatures.values()), c = Array.from(this._subtypeCodeToFeatures.values());
-    this.traceResultFeatures = a.concat(c).flat().map(({ feature: i }) => i);
+    const a = Array.from(this._layerIdToFeatures.values()), l = Array.from(this._subtypeCodeToFeatures.values());
+    this.traceResultFeatures = a.concat(l).flat().map(({ feature: i }) => i);
   }
   _setSelectedLayerAndFeatures(e) {
     let t;
@@ -152,14 +152,14 @@ class G extends v {
       return this._renderErrorLanding(e);
     if (!t)
       return this._renderNoTraceLanding();
-    const { elements: s, globalFunctionResults: a, aggregatedGeometry: c } = t;
-    if (!s.length && !a.length && !c)
+    const { elements: s, globalFunctionResults: a, aggregatedGeometry: l } = t;
+    if (!s.length && !a.length && !l)
       return this._renderNoResultsLanding();
     if (this.state === "loading")
       return this._renderGettingResults();
     if (this.selectedFeature)
       return r`<arcgis-features .referenceElement=${this.referenceElement} @arcgisPropertyChange=${this._handleFeaturesPropertyChange} .features=${this.features} .view=${this.view} open .defaultPopupTemplateEnabled=${this._defaultPopupTemplateEnabled} .hideActionBar=${this.hideActionBar} @arcgisClose=${() => this.selectedFeature = void 0} .autoDestroyDisabled=${this.autoDestroyDisabled} ${g(this._featuresRefChange)}></arcgis-features>`;
-    const i = s.length > 0 && !a.length && !c;
+    const i = s.length > 0 && !a.length && !l;
     return this.hideFeatureResults && i ? this._renderFeaturesAreHiddenLanding() : r`<calcite-flow>${i ? null : r`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding(t)}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", this.numResults.toString())} .selected=${(i || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this._featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
   }
   _renderGettingResults() {
@@ -188,7 +188,10 @@ class G extends v {
     return r`<calcite-list .label=${this._messages.headings.traceResultsGeneric}><calcite-list-item id=elements-list-item .label=${this._messages.headings.features} @calciteListItemSelect=${() => this.isElementsSelected = !0}><calcite-chip .label=${this._messages.labels.numFeatures} scale=s slot=content-end>${this.numResults}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
   }
   _renderFunctionsResults(e) {
-    return r`<div class="functions-heading">${this._messages.headings.functions}</div><calcite-table .caption=${this._messages.labels.functionResults}>${e.filter((t) => t.networkAttributeName != null && t.result != null && t.functionType != null).map((t) => r`<calcite-table-row><calcite-table-cell>${`${t.networkAttributeName} ${t.functionType}`}</calcite-table-cell><calcite-table-cell>${t.result}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`;
+    return r`<div class="functions-heading">${this._messages.headings.functions}</div><calcite-table .caption=${this._messages.labels.functionResults}>${e.filter((t) => t.networkAttributeName != null && t.result != null && t.functionType != null).map((t) => {
+      const { functionName: s, networkAttributeName: a, functionType: l, result: i } = t, n = s || `${a} ${l}`;
+      return r`<calcite-table-row><calcite-table-cell>${n}</calcite-table-cell><calcite-table-cell>${i}</calcite-table-cell></calcite-table-row>`;
+    })}</calcite-table>`;
   }
   _renderLayerList() {
     const e = Array.from(this._layerIdToFeatures.entries()), t = Array.from(this._subtypeCodeToFeatures.entries()), a = e.concat(t).sort(this._compareByLayerTitle).map(this._renderLayerListItem);