@arcgis/map-components 5.2.0-next.14 → 5.2.0-next.140

package/dist/components/arcgis-feature-templates/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as T } from "../../chunks/runtime.js";
 import { css as g, html as o } from "lit";
 import { LitElement as b, createEvent as h } from "@arcgis/lumina";
@@ -9,18 +9,19 @@ import { property as l, subclass as S } from "@arcgis/core/core/accessorSupport/
 import _ from "@arcgis/core/core/Accessor.js";
 import u from "@arcgis/core/editing/templates/TemplateListItem.js";
 import { getAllStandardFeatureTemplatesForLayer as $, getTemplatesForLayers as x } from "@arcgis/core/applications/Components/templateUtils.js";
-import { i as y, c as v } from "../../chunks/layer-utils.js";
+import { i as y, d as v } from "../../chunks/layer-utils.js";
 import { isTable as m, getEffectiveLayerCapabilities as B } from "@arcgis/core/applications/Components/layerUtils.js";
 import { usePropertyChange as D } from "@arcgis/lumina/controllers";
 import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
 import { debounce as L } from "@arcgis/toolkit/function";
-const E = g`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
-var U = Object.defineProperty, I = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
-  for (var n = r > 1 ? void 0 : r ? I(e, i) : e, p = t.length - 1, c; p >= 0; p--)
+import { g as E } from "../../chunks/async-utils.js";
+const U = g`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
+var I = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? C(e, i) : e, p = t.length - 1, c; p >= 0; p--)
     (c = t[p]) && (n = (r ? c(e, i, n) : c(n)) || n);
-  return r && n && U(e, i, n), n;
+  return r && n && I(e, i, n), n;
 };
-function C(t) {
+function R(t) {
   switch (t) {
     case "point":
     case "multipoint":
@@ -32,7 +33,7 @@ function C(t) {
   }
   return "noneSpecified";
 }
-const R = (t) => C(t.layer.geometryType ?? "");
+const A = (t) => R(t.layer.geometryType ?? "");
 let s = class extends _ {
   //#region Lifecycle
   constructor(t) {
@@ -248,7 +249,7 @@ let s = class extends _ {
   }
   get organizedMapTemplates() {
     if (this.groupByFunction || this.groupBy === "geometry") {
-      const t = !this.groupByFunction, e = this.groupByFunction ?? R, i = /* @__PURE__ */ new Map();
+      const t = !this.groupByFunction, e = this.groupByFunction ?? A, i = /* @__PURE__ */ new Map();
       for (const r of this.mapTemplates ?? [])
         for (const n of r.templates) {
           const p = new u({ template: n, layer: r.layer }), c = e(p);
@@ -427,16 +428,16 @@ a([
 s = a([
   S("components.feature-templates.FeatureTemplatesViewModel")
 ], s);
-const A = M(s);
-class P extends b {
+const P = M(s);
+class V extends b {
   constructor() {
-    super(...arguments), this._messages = w(), this.viewModel = A(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = F(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.arcgisPropertyChange = D()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = h(), this.arcgisTemplatesChanged = h(), this.arcgisSelectTemplate = h();
+    super(...arguments), this._messages = w(), this.viewModel = P(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = F(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.minRequiredFilterCount = 2, this.arcgisPropertyChange = D()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = h(), this.arcgisTemplatesChanged = h(), this.arcgisSelectTemplate = h();
   }
   static {
-    this.properties = { favoritesEnabled: 5, favorites: 32, restoreFavorites: 0, restoreRecentlyUsed: 0, recentlyUsed: 32, sharedTemplatesDisabled: 5, filterText: 1, recentFilterText: 1, favoritesFilterText: 1, recentlyUsedEnabled: 5, excludeTables: 5, effectiveTemplates: 32, applicationTemplates: 0, selectedTemplateId: 1, selectedTemplate: 32, applicationFilterFunction: 0, applicationDisabledFunction: 0, display: 1, groupBy: 1, sectionSortBy: 1, templateSortBy: 1, templateSortByFunction: 0, sectionSortByFunction: 0, hideTemplatesMode: 1, disableTemplatesMode: 1, groupByFunction: 0, hideTemplateDescription: 5, layers: 0, view: 0, referenceElement: 1, autoDestroyDisabled: 5, updating: 32, disabled: 5, showCollapseButton: 5, showFilter: 5 };
+    this.properties = { favoritesEnabled: 5, favorites: 32, restoreFavorites: 0, restoreRecentlyUsed: 0, recentlyUsed: 32, sharedTemplatesDisabled: 5, filterText: 1, recentFilterText: 1, favoritesFilterText: 1, recentlyUsedEnabled: 5, excludeTables: 5, effectiveTemplates: 32, applicationTemplates: 0, selectedTemplateId: 1, selectedTemplate: 32, applicationFilterFunction: 0, applicationDisabledFunction: 0, display: 1, groupBy: 1, sectionSortBy: 1, templateSortBy: 1, templateSortByFunction: 0, sectionSortByFunction: 0, hideTemplatesMode: 1, disableTemplatesMode: 1, groupByFunction: 0, hideTemplateDescription: 5, layers: 0, view: 0, referenceElement: 1, autoDestroyDisabled: 5, updating: 32, disabled: 5, showCollapseButton: 5, showFilter: 5, minRequiredFilterCount: 9 };
   }
   static {
-    this.styles = E;
+    this.styles = U;
   }
   async destroy() {
     await this.manager.destroy();
@@ -458,7 +459,7 @@ class P extends b {
       ], L(() => (
         // Trigger refetching of templates
         this.viewModel.handleTemplateSourceDefinitionChanged()
-      ), 10), { initial: !0 })
+      ), E(10)), { initial: !0 })
     ]);
   }
   _handleSelectTemplate(e) {
@@ -472,7 +473,7 @@ class P extends b {
     this.viewModel.removeRecent(e);
   }
   _renderTemplates() {
-    return this.effectiveTemplates.length === 0 ? o`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${this._messages.noTemplates}</div></calcite-notice>` : o`<calcite-list .filterPlaceholder=${this._messages.filterPlaceholder ?? ""} .filterText=${this.filterText} .label=${this._messages?.templates ?? ""} .filterEnabled=${this.showFilter} selection-appearance=border selection-mode=single @calciteListFilter=${(e) => {
+    return this.effectiveTemplates.length === 0 ? o`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${this._messages.noTemplates}</div></calcite-notice>` : o`<calcite-list .filterPlaceholder=${this._messages.filterPlaceholder ?? ""} .filterText=${this.filterText} .label=${this._messages?.templates ?? ""} .filterEnabled=${this.showFilter && this.viewModel.templateList.length >= this.minRequiredFilterCount} selection-appearance=border selection-mode=single @calciteListFilter=${(e) => {
       this.filterText = e.target.filterText;
     }}>${this.display === "grouped" ? this.effectiveTemplates.map((e) => o`<calcite-list-item-group .heading=${e.autoTranslate ? this._messages[e.sectionName] ?? "" : e.sectionName}>${e.templates.map((i) => o`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(i)} .label=${i.label} .selected=${i.id === this.selectedTemplateId} .description=${this.hideTemplateDescription ? void 0 : i.description} .value=${i.id} @calciteListItemSelect=${() => {
       this._handleSelectTemplate(i);
@@ -505,7 +506,7 @@ class P extends b {
     return o`<div class="root">${this._renderContent()}${this.viewModel.updating || this.disabled ? o`<calcite-scrim><calcite-loader scale=s label .hidden=${!this.viewModel.updating}></calcite-loader></calcite-scrim>` : null}</div>`;
   }
 }
-T("arcgis-feature-templates", P);
+T("arcgis-feature-templates", V);
 export {
-  P as ArcgisFeatureTemplates
+  V as ArcgisFeatureTemplates
 };

package/dist/components/arcgis-feature-templates-legacy/customElement.d.ts

@@ -31,6 +31,15 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-feature-templates-legacy auto-destroy-disabled></arcgis-feature-templates-legacy>
+   * ```
+   *
+   * ```js
+   * featureTemplatesLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -188,7 +197,7 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
    *
    * @default "none"
    */
-  accessor selectionMode: "single" | "none" | null | undefined;
+  accessor selectionMode: "none" | "single" | null | undefined;
   /**
    * The current state of the component.
    *
@@ -210,7 +219,7 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
   };
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisSelect: import("@arcgis/lumina").TargetedEvent<this, SelectEvent>;
   readonly "@eventTypes": {

package/dist/components/arcgis-feature-templates-legacy/customElement.js

@@ -1,7 +1,7 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-import { reEmitEvent as r } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as r } from "@arcgis/lumina-toolkit/reEmitEvent";
 import o from "@arcgis/core/widgets/FeatureTemplates.js";
 import { LitElement as s, createEvent as a } from "@arcgis/lumina";
 import { m as l } from "../../chunks/useWidget.js";

package/dist/components/arcgis-feature-title/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import n from "@arcgis/core/Graphic.js";
 import { u as l } from "../../chunks/useT9n.js";
@@ -6,7 +6,8 @@ import { html as h } from "lit";
 import { createRef as o, ref as c } from "lit/directives/ref.js";
 import { LitElement as u } from "@arcgis/lumina";
 import * as s from "@arcgis/toolkit/log";
-class _ extends u {
+import { renderingSanitizer as _ } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+class d extends u {
   constructor() {
     super(...arguments), this._lastRun = 0, this._attempted = !1, this._isCurrentlyInView = !1, this._io = null, this._titleContainerSpan = o(), this._messages = l(), this._generatedTitle = null, this.isNewFeature = !1;
   }
@@ -62,7 +63,7 @@ class _ extends u {
         const t = await this._generateTitle();
         if (this._lastRun !== e || this._generatedTitle === t)
           return;
-        this._generatedTitle = t;
+        this._generatedTitle = _.sanitize(t ?? "");
       } finally {
         this._attempted = !0;
       }
@@ -77,7 +78,7 @@ class _ extends u {
       this.isConnected && (this._io = new IntersectionObserver((t) => {
         let i = !1;
         t.forEach((r) => {
-          r.intersectionRatio > 0 && !i ? (i = !0, this._isCurrentlyInView = !0, this._handleTitle().catch((p) => {
+          r.intersectionRatio > 0 && !i ? (i = !0, this._isCurrentlyInView = !0, this._handleTitle().catch((g) => {
             s.log("warn", this, "Failed processing title");
           })) : this._isCurrentlyInView = !1;
         });
@@ -88,10 +89,10 @@ class _ extends u {
     this._io?.disconnect(), this._io = null;
   }
   render() {
-    return h`<span ${c(this._titleContainerSpan)}>${this._generatedTitle ?? ""}</span>`;
+    return h`<span .innerHTML=${this._generatedTitle ?? "" ?? ""} ${c(this._titleContainerSpan)}></span>`;
   }
 }
-a("arcgis-feature-title", _);
+a("arcgis-feature-title", d);
 export {
-  _ as ArcgisFeatureTitle
+  d as ArcgisFeatureTitle
 };

package/dist/components/arcgis-feature-utility-network-association-list/customElement.js

@@ -1,46 +1,43 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
-import { css as g, html as n } from "lit";
+import { css as g, html as o } from "lit";
 import { keyed as d } from "lit/directives/keyed.js";
 import { ArcgisUtilityNetworkAssociationList as y } from "../arcgis-utility-network-association-list/customElement.js";
 import { stripHTML as p } from "@arcgis/core/applications/Components/stringUtils.js";
 import { formatNumber as w, substitute as $ } from "@arcgis/core/intl.js";
-import { renderElement as h, safeClassMap as b } from "@arcgis/lumina";
+import { renderElement as u, safeClassMap as b } from "@arcgis/lumina";
+import { u as F } from "../../chunks/useT9n.js";
 import { i as m } from "../../chunks/layer-utils.js";
-const F = g`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, _ = "nested";
-class A extends y {
+const _ = g`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, A = "nested";
+class v extends y {
   constructor() {
-    super(...arguments), this.autoDestroyDisabled = !1, this.displayCount = 3, this.useFeatureNextFlowItem = !1, this.flowType = "feature-utility-network-association-type";
+    super(...arguments), this._messagesFeature = F({ name: "feature", blocking: !0 }), this.autoDestroyDisabled = !1, this.displayCount = 3, this.useFeatureNextFlowItem = !1, this.includeDefaultActions = !1, this.flowType = "feature-utility-network-association-type";
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, description: 1, displayCount: 9, endIndex: 32, flowItems: 0, useFeatureNextFlowItem: 5, flowType: 1, heading: 1, map: 0, referenceElement: 1, spatialReference: 0, timeZone: 1, view: 0 };
+    this.properties = { autoDestroyDisabled: 5, description: 1, displayCount: 9, flowItems: 0, useFeatureNextFlowItem: 5, actions: 0, includeDefaultActions: 5, flowType: 1, heading: 1, map: 0, messageOverrides: 0, referenceElement: 1, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
-    this.styles = F;
-  }
-  get endIndex() {
-    const { currentFeaturePage: e, featuresPerPage: t, maxFeatureCount: s } = this;
-    return Math.min(e * t, s);
+    this.styles = _;
   }
   async destroy() {
     await this.manager.destroy();
   }
   _featureViewModelMatch(e, t) {
-    const s = e.graphic, i = s?.layer;
-    let o = null;
-    m(i) && i.parent ? o = i.parent.globalIdField ?? null : i && "globalIdField" in i && (o = i.globalIdField);
-    const l = o ? s?.getAttribute(o) : null, r = t.graphic, a = r?.layer;
+    const i = e.graphic, s = i?.layer;
+    let n = null;
+    m(s) && s.parent ? n = s.parent.globalIdField ?? null : s && "globalIdField" in s && (n = s.globalIdField);
+    const l = n ? i?.getAttribute(n) : null, r = t.graphic, a = r?.layer;
     let c = null;
     m(a) && a.parent ? c = a.parent.globalIdField ?? null : a && "globalIdField" in a && (c = a.globalIdField);
-    const u = c ? r?.getAttribute(c) : null;
-    return !!(l && u && l === u);
+    const h = c ? r?.getAttribute(c) : null;
+    return !!(l && h && l === h);
   }
   _findFlowItem(e) {
     return this.flowItems?.findIndex((t) => {
       if (t.flowType !== "feature-association")
         return !1;
-      const s = t.viewModel;
-      return this._featureViewModelMatch(s, e);
+      const i = t.viewModel;
+      return this._featureViewModelMatch(i, e);
     }) ?? -1;
   }
   _formatPercentAlong(e) {
@@ -50,18 +47,18 @@ class A extends y {
       maximumFractionDigits: 2
     });
   }
-  async _handleFeatureClick(e, t, s) {
-    const { flowItems: i } = this;
+  async _handleFeatureClick(e, t, i) {
+    const { flowItems: s } = this;
     if (e) {
-      i?.destroyAll();
+      s?.destroyAll();
       return;
     }
-    if (t < 0 || !i) {
-      await this._selectAssociation(s);
+    if (t < 0 || !s) {
+      await this._selectAssociation(i);
       return;
     }
-    for (; i.length > t + 1; )
-      i.pop();
+    for (; s.length > t + 1; )
+      s.pop();
   }
   _isConnectivityAssociation(e) {
     const { associationType: t } = e;
@@ -74,31 +71,31 @@ class A extends y {
     const t = this.flowItems?.getItemAt(0);
     if (!t)
       return !1;
-    const s = t.parentFeatureViewModel;
-    return this._featureViewModelMatch(s, e);
+    const i = t.parentFeatureViewModel;
+    return this._featureViewModelMatch(i, e);
   }
   async _selectAssociation(e) {
     const { flowItems: t } = this;
     if (!t)
       return;
-    const s = this.useFeatureNextFlowItem ? h(d(this.parentFeatureViewModel, n`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`)) : h(d(this.parentFeatureViewModel, n`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`));
-    t.push(s);
+    const i = this.useFeatureNextFlowItem ? u(d(this.parentFeatureViewModel, o`<arcgis-feature-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .includeDefaultActions=${this.includeDefaultActions} .map=${this.map} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`)) : u(d(this.parentFeatureViewModel, o`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`));
+    t.push(i);
   }
   _showAllAssociations(e) {
-    const { flowItems: t, description: s } = this;
+    const { flowItems: t, description: i } = this;
     if (!t || !e)
       return;
     this.showAllEnabled = !0;
-    const i = e?.title ?? "";
-    t.push(h(n`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this.associationViewModels} .description=${s} .flowItems=${t} .flowType=${this.flowType} .heading=${i} .messages=${this.messages} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .selectedLayer=${e} .showAllEnabled=${this.showAllEnabled} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem}></arcgis-feature-utility-network-association-list>`));
+    const s = e?.title ?? "";
+    t.push(u(o`<arcgis-feature-utility-network-association-list .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this.associationViewModels} .description=${i} .flowItems=${t} .flowType=${this.flowType} .heading=${s} .includeDefaultActions=${this.includeDefaultActions} .messageOverrides=${this.messageOverrides} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .selectedLayer=${e} .showAllEnabled=${this.showAllEnabled} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem}></arcgis-feature-utility-network-association-list>`));
   }
   render() {
-    const { associationViewModels: e, state: t } = this, s = this.selectedLayer?.title ?? this.messages?.noTitle ?? "";
-    return n`<div class="root">${t === "loading" || t === "querying" ? this._renderLoading() : n`<calcite-list .displayMode=${_} .filterEnabled=${this.showAllEnabled && !!this.selectedLayer} .filterLabel=${this.messages?.associationFilterPlaceholder} .filterPlaceholder=${this.messages?.associationFilterPlaceholder} .label=${s}>${this.showAllEnabled && this.selectedLayer ? n`${this._renderFeatureCountWarning()}${this._renderAssociatedFeatureListPage()}${this._renderFeatureObserver()}` : Array.from(e.keys(), (i) => this._renderTypeList(i))}</calcite-list>`}</div>`;
+    const { associationViewModels: e, state: t } = this, i = this.selectedLayer?.title ?? this._messagesFeature.noTitle ?? "";
+    return o`<div class="root">${t === "loading" || t === "querying" ? this._renderLoading() : o`<calcite-list .displayMode=${A} .filterEnabled=${this.showAllEnabled && !!this.selectedLayer} .filterLabel=${this._messages.associationFilterPlaceholder} .filterPlaceholder=${this._messages.associationFilterPlaceholder} .label=${i}>${this.showAllEnabled && this.selectedLayer ? o`${this._renderFeatureCountWarning()}${this._renderAssociatedFeatureListPage()}${this._renderFeatureObserver()}` : Array.from(e.keys(), (s) => this._renderTypeList(s))}</calcite-list>`}</div>`;
   }
   _renderAssociatedFeature(e) {
-    const { featureViewModel: t, title: s } = e, i = this.state === "loading", o = this._findFlowItem(t), l = o < 0 && this._isParentFeature(t), r = l || o >= 0, a = `associated-feature-${e.association.globalId}`;
-    return n`<calcite-list-item class=${b(i ? "list-item--hidden" : "")} .description=${p(e.terminalName ?? "")} .label=${p(s)} @calciteListItemSelect=${async () => await this._handleFeatureClick(l, o, t)}>${this._isConnectivityAssociation(e.association) ? this._renderConnectivityIcon(e.association.associationType, a) : null}${this._isConnectivityMidspanAssociation(e.association) ? n`<calcite-chip .label=${this._formatPercentAlong(e.association)} scale=s slot=content-end>${this._formatPercentAlong(e.association)}</calcite-chip>` : null}${this._renderChevronIconNode(r)}</calcite-list-item>`;
+    const { featureViewModel: t, title: i } = e, s = this.state === "loading", n = this._findFlowItem(t), l = n < 0 && this._isParentFeature(t), r = l || n >= 0, a = `associated-feature-${e.association.globalId}`;
+    return o`<calcite-list-item class=${b(s ? "list-item--hidden" : "")} .description=${p(e.terminalName ?? "")} .label=${p(i)} @calciteListItemSelect=${async () => await this._handleFeatureClick(l, n, t)}>${this._isConnectivityAssociation(e.association) ? this._renderConnectivityIcon(e.association.associationType, a) : null}${this._isConnectivityMidspanAssociation(e.association) ? o`<calcite-chip .label=${this._formatPercentAlong(e.association)} scale=s slot=content-end>${this._formatPercentAlong(e.association)}</calcite-chip>` : null}${this._renderChevronIconNode(r)}</calcite-list-item>`;
   }
   _renderAssociatedFeatureList(e) {
     return e.toArray().map((t) => this._renderAssociatedFeature(t));
@@ -108,21 +105,23 @@ class A extends y {
     return [...this._renderTooltips(e), ...this._renderAssociatedFeatureList(e)];
   }
   _renderChevronIconNode(e) {
-    return n`<calcite-icon flip-rtl .icon=${e ? "move-up" : "chevron-right"} scale=s slot=content-end></calcite-icon>`;
+    return o`<calcite-icon flip-rtl .icon=${e ? "move-up" : "chevron-right"} scale=s slot=content-end></calcite-icon>`;
   }
   _renderItemTooltip(e) {
-    const { tooltipReferenceMap: t } = this, s = `associated-feature-${e.association.globalId}`;
-    return this._isConnectivityAssociation(e.association) ? n`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(s)}>${this.getConnectivityTooltip(e.association.associationType)}</calcite-tooltip>` : null;
+    const { tooltipReferenceMap: t } = this, i = `associated-feature-${e.association.globalId}`;
+    return this._isConnectivityAssociation(e.association) ? o`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(i)}>${this.getConnectivityTooltip(e.association.associationType)}</calcite-tooltip>` : null;
   }
   _renderTypeList(e) {
-    const { messages: t } = this, { displayCount: s } = this, i = this.associationViewModels.get(e), o = i.slice(0, s), l = o.length < i.length, r = $(t?.numberRecords ?? "", { number: i.length.toString() }), a = t?.showAll ?? "";
-    return d("show-all", n`<calcite-list-item expanded .label=${e.title} .value=${e.id}><calcite-chip .label=${String(i.length)} scale=s slot=content-end>${i.length}</calcite-chip><calcite-list .group=${e.id} .label=${e.title ?? ""}>${[this._renderTooltips(o), this._renderAssociatedFeatureList(o)]}${l ? d("show-all-item", n`<calcite-list-item .description=${r} .label=${a} @calciteListItemSelect=${() => this._showAllAssociations(e)}><calcite-icon icon=list scale=s slot=content-end></calcite-icon></calcite-list-item>`) : null}</calcite-list></calcite-list-item>`);
+    const { displayCount: t } = this, i = this.associationViewModels.get(e), s = i.slice(0, t), n = s.length < i.length, l = $(this._messagesFeature.numberRecords ?? "", {
+      number: i.length.toString()
+    }), r = this._messagesFeature.showAll ?? "";
+    return d("show-all", o`<calcite-list-item expanded .label=${e.title} .value=${e.id}><calcite-chip .label=${String(i.length)} scale=s slot=content-end>${i.length}</calcite-chip><calcite-list .group=${e.id} .label=${e.title ?? ""}>${[this._renderTooltips(s), this._renderAssociatedFeatureList(s)]}${n ? d("show-all-item", o`<calcite-list-item .description=${l} .label=${r} @calciteListItemSelect=${() => this._showAllAssociations(e)}><calcite-icon icon=list scale=s slot=content-end></calcite-icon></calcite-list-item>`) : null}</calcite-list></calcite-list-item>`);
   }
   _renderTooltips(e) {
     return e.toArray().map((t) => this._renderItemTooltip(t));
   }
 }
-f("arcgis-feature-utility-network-association-list", A);
+f("arcgis-feature-utility-network-association-list", v);
 export {
-  A as ArcgisFeatureUtilityNetworkAssociationList
+  v as ArcgisFeatureUtilityNetworkAssociationList
 };